css常用標(biāo)簽與它們的默認(rèn)樣式

標(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;

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市速侈,隨后出現(xiàn)的幾起案子率寡,更是在濱河造成了極大的恐慌,老刑警劉巖倚搬,帶你破解...
    沈念sama閱讀 219,589評論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件冶共,死亡現(xiàn)場離奇詭異,居然都是意外死亡每界,警方通過查閱死者的電腦和手機(jī)捅僵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,615評論 3 396
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來眨层,“玉大人庙楚,你說我怎么就攤上這事∨坑#” “怎么了馒闷?”我有些...
    開封第一講書人閱讀 165,933評論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長伊佃。 經(jīng)常有香客問我窜司,道長,這世上最難降的妖魔是什么航揉? 我笑而不...
    開封第一講書人閱讀 58,976評論 1 295
  • 正文 為了忘掉前任塞祈,我火速辦了婚禮,結(jié)果婚禮上帅涂,老公的妹妹穿的比我還像新娘议薪。我一直安慰自己尤蛮,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,999評論 6 393
  • 文/花漫 我一把揭開白布斯议。 她就那樣靜靜地躺著产捞,像睡著了一般。 火紅的嫁衣襯著肌膚如雪哼御。 梳的紋絲不亂的頭發(fā)上坯临,一...
    開封第一講書人閱讀 51,775評論 1 307
  • 那天,我揣著相機(jī)與錄音恋昼,去河邊找鬼看靠。 笑死,一個胖子當(dāng)著我的面吹牛液肌,可吹牛的內(nèi)容都是我干的挟炬。 我是一名探鬼主播,決...
    沈念sama閱讀 40,474評論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼嗦哆,長吁一口氣:“原來是場噩夢啊……” “哼谤祖!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起老速,我...
    開封第一講書人閱讀 39,359評論 0 276
  • 序言:老撾萬榮一對情侶失蹤粥喜,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后烁峭,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體容客,經(jīng)...
    沈念sama閱讀 45,854評論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 38,007評論 3 338
  • 正文 我和宋清朗相戀三年约郁,在試婚紗的時候發(fā)現(xiàn)自己被綠了缩挑。 大學(xué)時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,146評論 1 351
  • 序言:一個原本活蹦亂跳的男人離奇死亡鬓梅,死狀恐怖供置,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情绽快,我是刑警寧澤芥丧,帶...
    沈念sama閱讀 35,826評論 5 346
  • 正文 年R本政府宣布,位于F島的核電站坊罢,受9級特大地震影響续担,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜活孩,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,484評論 3 331
  • 文/蒙蒙 一物遇、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦询兴、人聲如沸乃沙。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,029評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽警儒。三九已至,卻和暖如春眶根,著一層夾襖步出監(jiān)牢的瞬間蜀铲,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,153評論 1 272
  • 我被黑心中介騙來泰國打工汛闸, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蝙茶,地道東北人。 一個月前我還...
    沈念sama閱讀 48,420評論 3 373
  • 正文 我出身青樓诸老,卻偏偏與公主長得像,于是被迫代替她去往敵國和親钳恕。 傳聞我的和親對象是個殘疾皇子别伏,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,107評論 2 356

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評論 1 92
  • 1.塊級元素和行內(nèi)元素 塊級(block-level)元素忧额;行內(nèi)(內(nèi)聯(lián)厘肮、inline-level)元素。 塊元素的...
    饑人谷_小侯閱讀 2,010評論 1 4
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,060評論 0 1
  • 吃了這只蛋糕巩检,整30,外加周歲示启。 從今往后兢哭,走在奔四的道路上。 老去的同時也終于能吐口氣...
    薄荷1986閱讀 663評論 0 0
  • 1. ls 命令 2. mkdir 命令 3. touch 命令 # markdown ## hello
    PYGY閱讀 116評論 0 0