成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專(zhuān)欄INFORMATION COLUMN

WEB基礎(chǔ)之HTML的各個(gè)標(biāo)簽的默認(rèn)樣式

ThinkSNS / 2665人閱讀

摘要：在中，了解各個(gè)標(biāo)簽的默認(rèn)樣式，有助于理解代碼的表現(xiàn)，也有利于精簡(jiǎn)代碼。

在HTML中，了解各個(gè)標(biāo)簽的默認(rèn)樣式，有助于理解代碼的表現(xiàn)，也有利于精簡(jiǎn)代碼。(??? ? ???)

head{ display: none }
body{ margin: 8px;line-height: 1.12 }      
button, textarea,input, object,select  { display:inline-block;}
ol, ul, dir,menu, dd{ margin-left: 40px }
i, cite, em,var, address{ font-style: italic }

//塊級(jí)元素
html, body,  div,ol, p, ul,  h1, h2,h3,h4,h5, h6, 
address,blockquote, form,
dd,dl, dt, fieldset, frame, frameset,noframes,center, dir, hr, menu, pre   
{ display: block }

//列表元素
li{ display:list-item }
ol{list-style-type: decimal }
ol ul, ul ol,ul ul, ol ol  { margin-top: 0; margin-bottom: 0 }

//標(biāo)題 
h1{ font-size:2em; margin: .67em 0 }
h2{ font-size:1.5em; margin: .75em 0 }
h3{ font-size:1.17em; margin: .83em 0 }
h4, p,blockquote, ul,fieldset, form,ol, dl, dir,menu { margin: 1.12em 0}
h5 { font-size:.83em; margin: 1.5em 0 }
h6{ font-size:.75em; margin: 1.67em 0 }
h1, h2, h3, h4,h5, h6, b,strong  { font-weight: bolder }


//偽類(lèi)
br:before{ content: ”A” }
:before, :after{ white-space: pre-line }
:link, :visited { text-decoration: underline }
:focus{ outline: thin dotted invert }


//表格
table{ display: table }
tr{ display:table-row }
thead{ display:table-header-group }
tbody{ display:table-row-group }
tfoot{ display:table-footer-group }
col{ display:table-column }
colgroup{ display:table-column-group }
td, th{ display: table-cell;}
caption{ display: table-caption }
th{font-weight: bolder; text-align: center }
caption{ text-align: center }
table{ border-spacing: 2px;}
thead, tbody,tfoot { vertical-align:middle }
td, th { vertical-align:inherit }

//其它元素
blockquote{ margin-left: 40px;margin-right: 40px }
pre, tt, code,kbd, samp  { font-family: monospace }
pre{ white-space: pre}
big{ font-size:1.17em }
small, sub, sup{ font-size: .83em }
sub{ vertical-align:sub }
sup{ vertical-align:super }
s, strike, del{ text-decoration: line-through }
hr{ border: 1px inset }
u, ins{ text-decoration:underline }
center{ text-align: center }
abbr, acronym{ font-variant: small-caps; letter-spacing:0.1em }

 BDO[DIR="ltr"]  { direction: ltr; unicode-bidi:bidi-override }
 BDO[DIR="rtl"]  { direction: rtl; unicode-bidi:bidi-override }
 /*定義BDO元素當(dāng)其屬性為DIR="ltr/rtl"時(shí)的默認(rèn)文本讀寫(xiě)顯示順序*/
 *[DIR="ltr"]{ direction: ltr;unicode-bidi: embed }
 *[DIR="rtl"] { direction: rtl;unicode-bidi: embed }
 /*定義任何元素當(dāng)其屬性為DIR="rtl/rtl"時(shí)的默認(rèn)文本讀寫(xiě)顯示順序*/
 @media print { 
       h1{page-break-before: always }
       h1, h2, h3,h4, h5, h6    { page-break-after: avoid }
       ul, ol, dl{ page-break-before: avoid }
  } /*定義標(biāo)題和列表默認(rèn)的打印樣式*/

瀏覽器默認(rèn)樣式

1、頁(yè)邊距
IE默認(rèn)為10px，通過(guò)body的margin屬性設(shè)置
FF默認(rèn)為8px，通過(guò)body的padding屬性設(shè)置
要清除頁(yè)邊距一定要清除這兩個(gè)屬性值

 body {
margin:0;
padding:0;
}

2、段間距
IE默認(rèn)為19px，通過(guò)p的margin-top屬性設(shè)置
FF默認(rèn)為1.12em，通過(guò)p的margin-bottom屬性設(shè)
p默認(rèn)為塊狀顯示，要清除段間距，一般可以設(shè)置

 p {
margin-top:0;
margin-bottom:0;
 }

3、標(biāo)題樣式
h1~h6默認(rèn)加粗顯示：font-weight:bold;。
默認(rèn)大小請(qǐng)參上表
還有是這樣的寫(xiě)的

 h1 {font-size:xx-large;}
 h2 {font-size:x-large;}
 h3 {font-size:large;}
 h4 {font-size:medium;}
 h5 {font-size:small;}
 h6 {font-size:x-small;}

個(gè)大瀏覽器默認(rèn)字體大小為16px，即等于medium，h1~h6元素默認(rèn)以塊狀顯示字體顯示為粗體，
要清除標(biāo)題樣式，一般可以設(shè)置

hx {
font-weight:normal;
font-size:value;
 }

4、列表樣式
IE默認(rèn)為40px，通過(guò)ul、ol的margin屬性設(shè)置
FF默認(rèn)為40px，通過(guò)ul、ol的padding屬性設(shè)置
dl無(wú)縮進(jìn)，但起內(nèi)部的說(shuō)明元素dd默認(rèn)縮進(jìn)40px，而名稱(chēng)元素dt沒(méi)有縮進(jìn)。
要清除列表樣式，一般可以設(shè)置

ul, ol, dd {
list-style-type:none;
margin-left:0;
padding-left:0;
}

  元素居中
    IE默認(rèn)為text-align:center;
    FF默認(rèn)為margin-left:auto;margin-right:auto;

5、超鏈接樣式
a 樣式默認(rèn)帶有下劃線，顯示顏色為藍(lán)色，被訪問(wèn)過(guò)的超鏈接變紫色，要清除鏈接樣式，一般可以設(shè)置

a {
text-decoration:none;
color:#colorname;
}

6、鼠標(biāo)樣式
IE默認(rèn)為cursor:hand;
FF默認(rèn)為cursor:pointer;該聲明在IE中也有效

7、圖片鏈接樣式
IE默認(rèn)為紫色2px的邊框線
FF默認(rèn)為藍(lán)色2px的邊框線
要清除圖片鏈接樣式，一般可以設(shè)置

img {
border:0;
}

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

轉(zhuǎn)載請(qǐng)注明本文地址：http://systransis.cn/yun/111529.html

相關(guān)文章

  • WEB基礎(chǔ)之HTML的各個(gè)標(biāo)簽的默認(rèn)樣式

    摘要：在中，了解各個(gè)標(biāo)簽的默認(rèn)樣式，有助于理解代碼的表現(xiàn)，也有利于精簡(jiǎn)代碼。 在HTML中，了解各個(gè)標(biāo)簽的默認(rèn)樣式，有助于理解代碼的表現(xiàn)，也有利于精簡(jiǎn)代碼。(??? ? ???) head{ display: none } body{ margin: 8px;line-height: 1.12 } button, textarea,input, object,select { ...

    Jokcy 評(píng)論0 收藏0

  • 前端基礎(chǔ)入門(mén)一（HTML）

    摘要：所謂超文本，因?yàn)樗梢约尤雸D片聲音動(dòng)畫(huà)多媒體等內(nèi)容，不僅如此，它還可以從一個(gè)文件跳轉(zhuǎn)到另一個(gè)文件，與世界各地主機(jī)的文件連接。意思是超文本引用用于指定鏈接頁(yè)面的打開(kāi)方式，其取值有和兩種，其中為默認(rèn)值，為在新窗口中打開(kāi)方式。 學(xué)習(xí)目標(biāo) 了解常用瀏覽器 掌握WEB標(biāo)準(zhǔn) 理解標(biāo)簽語(yǔ)義化 掌握常用的排版標(biāo)簽 掌握常用的文本格式化圖像鏈接等標(biāo)簽 掌握三種列表標(biāo)簽 掌握表格標(biāo)簽 掌握表格標(biāo)簽 掌...

    張憲坤 評(píng)論0 收藏0

  • 前端基礎(chǔ)-- HTML

    摘要：知識(shí)介紹服務(wù)本質(zhì)瀏覽器發(fā)請(qǐng)求協(xié)議服務(wù)端接收請(qǐng)求服務(wù)端返回響應(yīng)服務(wù)端把文件內(nèi)容發(fā)給瀏覽器瀏覽器渲染頁(yè)面是什么超文本標(biāo)記語(yǔ)言是一種用于創(chuàng)建網(wǎng)頁(yè)的標(biāo)記語(yǔ)言。主要是通過(guò)樣式為其賦予不同的表現(xiàn)。這兩個(gè)元素是專(zhuān)門(mén)為定義樣式而生的。HTML知識(shí) HTML介紹 Web服務(wù)本質(zhì) 瀏覽器發(fā)請(qǐng)求 --> HTTP協(xié)議 --> 服務(wù)端接收請(qǐng)求 --> 服務(wù)端返回響應(yīng) --> 服務(wù)端把HTML文件內(nèi)容發(fā)給瀏覽器 --...

    番茄西紅柿 評(píng)論0 收藏0

  • 基礎(chǔ)知識(shí) - 收藏集 - 掘金

    摘要：本文是面向前端小白的，大手子可以跳過(guò)，寫(xiě)的不好之處多多分鐘搞定常用基礎(chǔ)知識(shí)前端掘金基礎(chǔ)智商劃重點(diǎn)在實(shí)際開(kāi)發(fā)中，已經(jīng)非常普及了。 JavaScript字符串所有API全解密 - 掘金關(guān)于 我的博客：louis blog SF專(zhuān)欄：路易斯前端深度課 原文鏈接：JavaScript字符串所有API全解密 本文近 6k 字，讀完需 10 分鐘。 字符串作為基本的信息交流的橋梁，幾乎被所有的編程...

    wdzgege 評(píng)論0 收藏0

  • HTML筆記（適合新手入門(mén)）

    摘要：標(biāo)準(zhǔn)構(gòu)成標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn)，而是由和其他標(biāo)準(zhǔn)化組織制定的一系列標(biāo)準(zhǔn)的集合。主要包括結(jié)構(gòu)表現(xiàn)和行為三個(gè)方面。屬性之間不分先后順序，標(biāo)簽名與屬性屬性與屬性之間均以空格分開(kāi)。HTML Web 標(biāo)準(zhǔn)構(gòu)成 Web標(biāo)準(zhǔn)不是某一個(gè)標(biāo)準(zhǔn)，而是由W3C和其他標(biāo)準(zhǔn)化組織制定的一系列標(biāo)準(zhǔn)的集合。 主要包括結(jié)構(gòu)（Structure）、表現(xiàn)（Presentation）和行為（Behavior）三個(gè)方面。 結(jié)構(gòu)標(biāo)準(zhǔn)...

    番茄西紅柿 評(píng)論0 收藏0

發(fā)表評(píng)論

0條評(píng)論

最新活動(dòng)
閱讀需要支付1元查看
<