溫馨提示×

您好,登錄后才能下訂單哦!

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

HTML默認(rèn)樣式表CSS屬性除了inline和block的定義是怎樣的

發(fā)布時(shí)間:2021-10-08 11:16:32 來(lái)源:億速云 閱讀:99 作者:柒染 欄目:web開(kāi)發(fā)

HTML默認(rèn)樣式表CSS屬性除了inline和block的定義是怎樣的,相信很多沒(méi)有經(jīng)驗(yàn)的人對(duì)此束手無(wú)策,為此本文總結(jié)了問(wèn)題出現(xiàn)的原因和解決方法,通過(guò)這篇文章希望你能解決這個(gè)問(wèn)題。

開(kāi)始的時(shí)候 *{margin:0;padding:0;},當(dāng)需要使用邊距的時(shí)候,就需要還原HTML默認(rèn)CSS值了。以前一直在找這份 文檔,今天偶然在w3上看到了。除了inline和block的定義,主要是要注意 body|h2~h7|blockquote|menu|ul|ol|dd等標(biāo)簽的默認(rèn)樣式(margin和font-size)。這個(gè)東 西在你需要還原默認(rèn)值的時(shí)候,比較有用。 詳見(jiàn)下面的內(nèi)容:

代碼如下:


html,address,blockquote,body,dd,div,dl,dt,fieldset,form,frame,frameset,h2,h3,h4,h5,h6,h7,noframes,ol,p,ul,center,dir,hr,menu,pre{display:block}
li{display:list-item}
head{display:none}
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}
body{margin:8px; line-height:1.12}
h2{font-size:2em; margin:.67em 0}
h3{font-size:1.5em; margin:.75em 0}
h4{font-size:1.17em; margin:.83em 0}
h5,p,blockquote,ul,fieldset,form,ol,dl,dir,menu{margin:1.12em 0}
h6{font-size:.83em; margin:1.5em 0}
h7{font-size:.75em; margin:1.67em 0}
h2,h3,h4,h5,h6,h7,b,strong{font-weight:bolder}
blockquote{margin-left:40px; margin-right:40px}
i,cite,em,var,address{font-style:italic}
pre,tt,code,kbd,samp{font-family:monospace}
pre{white-space:pre}
button,textarea,input,object,select{display:inline-block;}
big{font-size:1.17em}
small,sub,sup{font-size:.83em}
sub{vertical-align:sub}
sup{vertical-align:super}
table{border-spacing:2px;}
thead,tbody,tfoot{vertical-align:middle}
td,th{vertical-align:inherit}
s,strike,del{text-decoration:line-through}
hr{border:1px inset}
ol,ul,dir,menu,dd{margin-left:40px}
ol{list-style-type:decimal}
ol ul,ul ol,ul ul,ol ol{margin-top:0; margin-bottom:0}
u,ins{text-decoration:underline}
br:before{content:”\A”}
:before,:after{white-space:pre-line}
center{text-align:center}
abbr,acronym{font-variant:small-caps; letter-spacing:0.1em}
:link,:visited{text-decoration:underline}
:focus{outline:thin dotted invert}
@media print{
h2{page-break-before:always}
h2,h3,h4,
h5,h6,h7{page-break-after:avoid}
ul,ol,dl{page-break-before:avoid}

看完上述內(nèi)容,你們掌握HTML默認(rèn)樣式表CSS屬性除了inline和block的定義是怎樣的的方法了嗎?如果還想學(xué)到更多技能或想了解更多相關(guān)內(nèi)容,歡迎關(guān)注億速云行業(yè)資訊頻道,感謝各位的閱讀!

向AI問(wèn)一下細(xì)節(jié)

免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長(zhǎng)郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI