前端基礎(chǔ)進階(二)

史占廣發(fā)布于2019-08-30 15:53 / 2256人閱讀

摘要：默認(rèn)樣式重置統(tǒng)一樣式重置類型盒子模型默認(rèn)邊距樣式下的樣式問題默認(rèn)樣式及圓角點擊之后樣式瀏覽器輸入框高光移動端開發(fā)默認(rèn)設(shè)置設(shè)置

默認(rèn)樣式重置 統(tǒng)一樣式重置

input類型

input{
   outline:none;
   border-width:0;
}

盒子模型

div{
   box-sizing:border-box;
   -moz-box-sizing:border-box; /* Firefox */
   -webkit-box-sizing:border-box; /* Safari */
}

默認(rèn)邊距

*{
 padding:0;
 margin:0;
 }

ul,ol,a

ul,ol{
list-style: none;
}

a{
text-decoration:none;
}

table樣式

 table {
    border-collapse: collapse;
    border-spacing: 0;
}

IOS下的樣式問題

默認(rèn)button樣式及圓角:

input{
    -webkit-appearance:none;
     border-radius: 0;  
}

點擊之后樣式

a,button,input,textarea{
    -webkit-tap-highlight-color: rgba(0,0,0,0;)
}

chrome瀏覽器

input輸入框高光

input:focus{
   -webkit-tap-highlight-color:rgba(0,0,0,0);
   -webkit-user-modify:read-write-plaintext-only;
}

移動端開發(fā)默認(rèn)設(shè)置

meta設(shè)置

GPU云服務(wù)器云服務(wù)器前端基礎(chǔ) 前端基礎(chǔ)教程前端零基礎(chǔ) 零基礎(chǔ)前端

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://specialneedsforspecialkids.com/yun/116582.html

相關(guān)文章

前端基礎(chǔ)進階目錄

摘要：不過其實簡書文章評論里有很多大家的問題以及解答，對于進一步理解文中知識幫助很大的，算是有點可惜吧。不過也希望能夠?qū)φ趯W(xué)習(xí)前端的你有一些小幫助。如果在閱讀中發(fā)現(xiàn)了一些錯誤，請在評論里告訴我，我會及時更改。前端基礎(chǔ)進階（一）：內(nèi)存空間詳細(xì)圖解前端基礎(chǔ)進階（二）：執(zhí)行上下文詳細(xì)圖解前端基礎(chǔ)進階（三）：變量對象詳解前端基礎(chǔ)進階（四）：詳細(xì)圖解作用域鏈與閉包前端基礎(chǔ)進階（五）：全方位...

mo0n1andin 2019-08-21 18:30 評論0 收藏0
文章分享（持續(xù)更新）

摘要：文章分享持續(xù)更新更多資源請文章轉(zhuǎn)自一前端文章基礎(chǔ)篇，，前端基礎(chǔ)進階一內(nèi)存空間詳細(xì)圖解前端基礎(chǔ)進階二執(zhí)行上下文詳細(xì)圖解前端基礎(chǔ)進階三變量對象詳解前端基礎(chǔ)進階四詳細(xì)圖解作用域鏈與閉包前端基礎(chǔ)進階五全方位解讀前端基礎(chǔ)進階六在開發(fā)者工具中觀察函數(shù)調(diào) 文章分享（持續(xù)更新）更多資源請Star：https://github.com/maidishike... 文章轉(zhuǎn)自：https://gith...

whlong 2019-08-20 14:31 評論0 收藏0
前端基礎(chǔ)進階(二)

摘要：默認(rèn)樣式重置統(tǒng)一樣式重置類型盒子模型默認(rèn)邊距樣式下的樣式問題默認(rèn)樣式及圓角點擊之后樣式瀏覽器輸入框高光移動端開發(fā)默認(rèn)設(shè)置設(shè)置默認(rèn)樣式重置統(tǒng)一樣式重置 input類型 input{ outline:none; border-width:0; } 盒子模型 div{ box-sizing:border-box; -moz-box-sizing:bo...

wmui 2019-08-01 16:27 評論0 收藏0
前端基礎(chǔ)進階（二）：執(zhí)行上下文詳細(xì)圖解

摘要：執(zhí)行上下文可以理解為當(dāng)前代碼的執(zhí)行環(huán)境，它會形成一個作用域。棧底永遠(yuǎn)都是全局上下文，而棧頂就是當(dāng)前正在執(zhí)行的上下文。我們用來表示處理執(zhí)行上下文組的堆棧。因此第三步是的執(zhí)行上下文入棧。前端基礎(chǔ)進階系列目錄 showImg(https://segmentfault.com/img/remote/1460000008315046);我們在JS學(xué)習(xí)初期或者面試的時候常常會遇到考核變量提升的思考...

cjie 2019-08-21 18:29 評論0 收藏0
那些年，我的前端/Java后端書單

摘要：全文為這些年，我曾閱讀深入理解過或正在閱讀學(xué)習(xí)即將閱讀的一些優(yōu)秀經(jīng)典前端后端書籍。當(dāng)然，如果您喜歡這篇文章，可以動手點點贊或者收藏。全文為這些年，我曾閱讀、深入理解過（或正在閱讀學(xué)習(xí)、即將閱讀）的一些優(yōu)秀經(jīng)典前端/Java后端書籍。全文為純原創(chuàng)，且將持續(xù)更新，未經(jīng)許可，不得進行轉(zhuǎn)載。當(dāng)然，如果您喜歡這篇文章，可以動手點點贊或者收藏。基礎(chǔ) 基礎(chǔ)書籍進階進階階段，深入學(xué)習(xí)的書...

fxp 2019-08-02 16:03 評論0 收藏0