国产xxxx99真实实拍_久久不雅视频_高清韩国a级特黄毛片_嗯老师别我我受不了了小说

資訊專欄INFORMATION COLUMN

CSS重置樣式

jsbintask / 1253人閱讀

摘要:沒有必要的樣式或者是會再次對這個標(biāo)簽寫樣式的時候,瀏覽器就會二次渲染,所以也要盡量的減少重置樣式。在一批擁有同樣的頭部腳部的樣式中,我會把公共的樣式放在重置樣式表里。

先來看看各大型網(wǎng)站的重置樣式

新浪初始化

html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img {
  margin: 0;
  padding: 0
}
fieldset,img {
   border: 0
}
img {
  display: block
}
address,caption,cite,code,dfn,th,var {
    font-style: normal;
    font-weight: normal
}
ul,ol {
    list-style: none
}
input {
    padding-top: 0;
    padding-bottom: 0;
    font-family: "SimSun","宋體"
}
input::-moz-focus-inner {
    border: 0;
    padding: 0
}
select,input {
    vertical-align: middle
}
select,input,textarea {
    font-size: 12px;
    margin: 0
}
 input[type="text"],input[type="password"],textarea {
    outline-style: none;
    -webkit-appearance: none
}
textarea {
    resize: none
}
table {
    border-collapse: collapse
}

京東的初始化

* {
    margin: 0;
    padding: 0
 }
em,i {
    font-style: normal
}
li {
    list-style: none
}
img {
    border: 0;
    vertical-align: middle
}
button {
    cursor: pointer
}
a {
    color: #666;
    text-decoration: none
}
a:hover {
    color: #c81623
}
我對樣式重置的看法 一、什么時候會用重置樣式?

1、其實每個網(wǎng)站的重置樣式應(yīng)該都是不同的。
2、沒有必要的樣式或者是會再次對這個標(biāo)簽寫樣式的時候,瀏覽器就會二次渲染,所以也要盡量的減少重置樣式。
3、我們應(yīng)該合理靈活的使用標(biāo)簽,在網(wǎng)頁中有些樣式是一模一樣的,比如所有或者是大部分的文本p標(biāo)簽中字體樣式一樣而且行高也一樣,那么可以統(tǒng)一設(shè)置。包括其他標(biāo)簽,在大量使用的過程中可以統(tǒng)一設(shè)置margin,padding,width,height,display,text-align等,這樣可以減少css樣式,代碼簡潔,可讀可改性高。

二、怎么用重置樣式?

1、重置css可以整體的調(diào)整整個網(wǎng)站的基本樣式,比如網(wǎng)頁占據(jù)的大部分字體樣式,字體大小,字體顏色,還有最基本的有序無序列表和a鏈接的樣式。
2、在一批擁有同樣的頭部腳部的樣式中,我會把公共的樣式放在重置樣式表里。
3、還有針對網(wǎng)站的個別標(biāo)簽的樣式特殊處理,比如我所有的a鏈接都應(yīng)該是藍(lán)色的等。
4、在需要大幅度使用的樣式的時候,會另取一個類名主要針對需要此樣式的標(biāo)簽,比如flyLeft{float:left};,flyRight{float:right};向左向右浮動的樣式,或者是清除浮動的樣式。

我的重置樣式表
body, dl, dd, h1, h2, h3, h4, h5, h6, p, form{
    margin: 0;
}   
ol,ul{
    margin: 0; 
    padding: 0;
}
li{
    list-style: none
}
input,button,textarea{
    padding: 0;
}
/*另外:button和input本身有2px的邊框,textarea和select本身有1px的邊框,根據(jù)實際情況調(diào)整,或是去掉邊框*/
table{
    /*為表格設(shè)置合并邊框模型*/
    border-collapse: collapse;
    /*設(shè)置表格邊框之間的空白*/
    border-spacing: 0px;
}
/*去掉a鏈接的下劃線*/
a{ 
    text-decoration: none;
}
a:hover{ 
    text-decoration: none;
}
/*個別瀏覽器對語義化標(biāo)簽的兼容*/
header, section, footer, aside, nav, main, article, figure {
    display: block; 
}
h1,h2,h3,h4,h5,h6,em,i,b,cite {
    /*字體樣式不加粗*/
    font-weight: normal;
    font-style: normal;
}
a,input,button {
      /* 清除點擊陰影 */
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 }
body * {
    /* 選中文字設(shè)置 */
    -weibkit-user-select: none;
     /* 禁止文字縮放 */
    -webkit-text-size-adjust: 100%;
}

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

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

相關(guān)文章

  • CSS基礎(chǔ)篇--css reset重置樣式有那么重要嗎?

    摘要:在以前寫代碼的時候,一般都會在里添加重置樣式,其內(nèi)容如下但是最近在網(wǎng)上看了看網(wǎng)絡(luò)文章,也感覺有些重置是沒有用的。當(dāng)然重置的優(yōu)點,缺點都不說了,估計心里都非常有數(shù)的,還是要根據(jù)實際項目來。后來主管給我推薦了一款替代重置的替代方案,那就是用。 在以前寫html代碼的時候,一般都會在head里添加重置樣式reset.css,其內(nèi)容如下: @charset utf-8; html, body,...

    rockswang 評論0 收藏0
  • 前端、HTML+CSS+JS編寫規(guī)范(終極版)

    摘要:文檔規(guī)范和文檔必須采用編碼格式文檔必須使用的標(biāo)準(zhǔn)文檔格式編寫規(guī)范和的標(biāo)簽屬性類名都必須使用小寫字母和的屬性類名命名必須具有語義化代碼必須保持文檔結(jié)構(gòu)清晰,必須合理的進(jìn)行代碼縮進(jìn)文件禁止樣式表內(nèi)引用文件編寫格式,樣式代碼保持一行,多個選擇器 HTMLCSS文檔規(guī)范 HTML和CSS文檔必須采用UTF-8編碼格式; HTML文檔必須使用HTML5的標(biāo)準(zhǔn)文檔格式; HTMLCSS編寫規(guī)范...

    jsyzchen 評論0 收藏0
  • 前端、HTML+CSS+JS編寫規(guī)范(終極版)

    摘要:文檔規(guī)范和文檔必須采用編碼格式文檔必須使用的標(biāo)準(zhǔn)文檔格式編寫規(guī)范和的標(biāo)簽屬性類名都必須使用小寫字母和的屬性類名命名必須具有語義化代碼必須保持文檔結(jié)構(gòu)清晰,必須合理的進(jìn)行代碼縮進(jìn)文件禁止樣式表內(nèi)引用文件編寫格式,樣式代碼保持一行,多個選擇器 HTMLCSS文檔規(guī)范 HTML和CSS文檔必須采用UTF-8編碼格式; HTML文檔必須使用HTML5的標(biāo)準(zhǔn)文檔格式; HTMLCSS編寫規(guī)范...

    _Dreams 評論0 收藏0
  • 前端、HTML+CSS+JS編寫規(guī)范(終極版)

    摘要:文檔規(guī)范和文檔必須采用編碼格式文檔必須使用的標(biāo)準(zhǔn)文檔格式編寫規(guī)范和的標(biāo)簽屬性類名都必須使用小寫字母和的屬性類名命名必須具有語義化代碼必須保持文檔結(jié)構(gòu)清晰,必須合理的進(jìn)行代碼縮進(jìn)文件禁止樣式表內(nèi)引用文件編寫格式,樣式代碼保持一行,多個選擇器 HTMLCSS文檔規(guī)范 HTML和CSS文檔必須采用UTF-8編碼格式; HTML文檔必須使用HTML5的標(biāo)準(zhǔn)文檔格式; HTMLCSS編寫規(guī)范...

    Developer 評論0 收藏0
  • 關(guān)于CSS Reset 那些事(一)之 歷史演變與Normalize.css

    摘要:下面開始對進(jìn)行簡單的介紹,關(guān)于兩者的差異區(qū)別可以看問答平臺使用遇到的問題和有什么本質(zhì)區(qū)別沒簡單介紹關(guān)于對的介紹,這里引用咀嚼之味針對官方介紹翻譯的的中文版本。目前已經(jīng)成為了的替代方案是無可爭議的事情了。 前言 近期在翻閱陳舊的歷史資料,整理之前飽受爭議的CSS Reset問題,不過好像十多年過去,現(xiàn)在大家統(tǒng)一了口徑,紛紛推薦使用Normalize.css,包括Bootstrap都進(jìn)行...

    idealcn 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<