css課程學(xué)習(xí)

1.css偽類###

p:first-child
a:link
a:hover
a:visited
a:active
:disabled
:enable
:checked
:focus
:read-only
:read-write

2.css3新增偽類###

p:nth-child(n):父標(biāo)簽的第n個(gè)子標(biāo)簽,同時(shí)是p標(biāo)簽
p:nth-of-type(n):父標(biāo)簽的第n個(gè)p子標(biāo)簽
p:nth-last-child(n):父標(biāo)簽的倒數(shù)第n個(gè)子標(biāo)簽,同時(shí)是p標(biāo)簽
p:nth-last-of-type(n):父標(biāo)簽的倒數(shù)第n個(gè)子標(biāo)簽
p:first-child:父標(biāo)簽的第一個(gè)子標(biāo)簽,同時(shí)是p標(biāo)簽
p:last-child:父標(biāo)簽的最后一個(gè)子標(biāo)簽,同時(shí)是p標(biāo)簽
p:last-of-type:
p:first-of-type

3.偽元素###

p::before
p::after
p::first-letter
p::first-line

4.定位###

  • 絕對(duì)定位(absolute):絕對(duì)定位脫離了文檔流,沒有獨(dú)占一行只受top,right,bottom,left的影響。
    一個(gè)塊的top,right,bottom,left又相對(duì)什么呢?
    1.如果父元素做了點(diǎn)位,則是相對(duì)于父元素。
    2.如果父元素沒有做定位,則是相對(duì)于body。

  • 相對(duì)定位(relative):相對(duì)定位沒有脫離文檔流,只受top,right,bottom,left的影響。top,right,bottom,left則是相對(duì)于塊中最近的父元素。

  • 固定定位(fixed):固定定位脫離了文檔流,沒有獨(dú)占一行。top,right,bottom,left是始終相對(duì)于body。

  • top,right,bottom,left只有在設(shè)置了定位(絕對(duì),相對(duì),固定)才起作用。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 14,114評(píng)論 1 92
  • 1.CSS基本概念 1.1 CSS的定義 CSS(Cascading Style Sheets)層疊樣式表,主要用...
    寥寥十一閱讀 2,057評(píng)論 0 6
  • 一 外部式css樣式 (也可稱為外聯(lián)式)就是把css代碼寫一個(gè)單獨(dú)的外部文件中,這個(gè)css樣式文件以“.css...
    KunMitnic閱讀 1,119評(píng)論 0 1
  • 學(xué)習(xí)CSS的最佳網(wǎng)站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,181評(píng)論 0 1
  • 本課來自http://www.imooc.com/learn/9請(qǐng)不要用作商業(yè)用途。 HTML5 HTML介紹 H...
    PYLON閱讀 3,447評(píng)論 0 5

友情鏈接更多精彩內(nèi)容