標(biāo)題標(biāo)簽:h1~h6(一般h4以后不怎么用了)
雙標(biāo)簽 無默認(rèn)屬性 塊級標(biāo)簽 有默認(rèn)的上下margin;font-weight:bold怀伦;
<hr/>:分隔符:單標(biāo)簽及塘,塊級標(biāo)簽尤勋,有默認(rèn)的上下margin:8px border-width:1px;
<p></p>:段落標(biāo)簽浴栽,雙標(biāo)簽肚吏,塊級標(biāo)簽吮蛹,有上下margin:16px荤崇;p標(biāo)簽不能嵌套塊級標(biāo)簽;如果嵌套的話會出現(xiàn)下圖的情況潮针;
列表標(biāo)簽(塊級標(biāo)簽 組合標(biāo)簽 雙標(biāo)簽 塊級):
<ol></ol>有序列表:和li標(biāo)簽一起用 不能單獨(dú)使用术荤,ol 與li之間不能出現(xiàn)其他標(biāo)簽,有默認(rèn)的上下margin:16px; 左padding:40px;
<ul></ul>無序列表:和有序列表一樣的每篷,只不過列表項(xiàng)前面是小圓點(diǎn)瓣戚;
<dl></dl>字典列表:與dt和dd標(biāo)簽相結(jié)合 dl有上下margin:16px;dd有margin-left:40px焦读; dt是dd的標(biāo)簽描述子库;如下圖:
a標(biāo)簽(超鏈接標(biāo)簽):雙標(biāo)簽 行級標(biāo)簽?
<a href="" title="" target=""></a>
href=""跳轉(zhuǎn)地址 這是必須的,不能為空 如果沒有內(nèi)容的話矗晃,可以寫# 或者是### 一個#又被叫做hash(哈希)定位點(diǎn)擊會回到頂部 ###就不會仑嗅;
title=""提示信息 鼠標(biāo)放上去會產(chǎn)生一個提示信息框;
target=""跳轉(zhuǎn)方式 _self 在本窗口打開 _blank在新的窗口打開;
超鏈接標(biāo)簽的四種狀態(tài):偽類設(shè)置
link狀態(tài) 鏈接未瀏覽狀態(tài)
visited狀態(tài) 鏈接已被訪問過
hover狀態(tài) 鼠標(biāo)懸浮在鏈接上時的狀態(tài)
active狀態(tài) 鼠標(biāo)點(diǎn)擊未松開時的狀態(tài)
link仓技,visited鸵贬,active狀態(tài)不能亂用樣式屬性,會干擾其他狀態(tài)浑彰,通彻Ю恚可以改變它們的默認(rèn)字體顏色
a:link{
color:gold;
}
a:visited{
color:blue;
}
可以設(shè)置其他的樣式
a:hover{
display:block;
width:200px;
height:200px;
background:red;
}
a:active{
border:1px red solid;
}
.test:hover div{
color:red;
}
它們之間的設(shè)置有順序問題
愛恨法則 love && hate
img標(biāo)簽:單標(biāo)簽 行級標(biāo)簽,特殊的行級標(biāo)簽郭变,可以設(shè)置寬高尺寸;支持寬高屬性涯保,不需要加單位诉濒,一般只設(shè)置寬高中的一個;
<img width="" src="" alt="">
src=""圖片的地址夕春;
alt=""有兩個作用:第一個是當(dāng)圖片加載失敗了以后alt里面的內(nèi)容可以起到一個替換的作用未荒;第二個作用是優(yōu)化su;
關(guān)于字體的標(biāo)簽(雙標(biāo)簽 行級標(biāo)簽):?
em i (傾斜字體)及志;默認(rèn)屬性:font-style:italic;
strong b (字體加重):默認(rèn)屬性:font-weight:bold;
big(大號字體) 默認(rèn)屬性:font-size:larger;font-weight:bold;
small(小號字體)默認(rèn)屬性::font-size:smaller;font-weight:bold;
?sub(字體居下)默認(rèn)屬性;vertical-align:sub;font-size:smaller;
sup(字體居上)默認(rèn)屬性;vertical-align:sup;font-size:smaller;
?del(下劃線貫穿文字)默認(rèn)屬性片排;text-decoration:line-through;