CSS3

CSS+CSS3教程
CSS參考手冊

??標(biāo)簽
block塊級(jí)標(biāo)簽(div,p,li等)獨(dú)占一行
能隨時(shí)設(shè)置寬度和高度

inline行內(nèi)標(biāo)簽(span,a,label等)多個(gè)行內(nèi)標(biāo)簽?zāi)芡瑫r(shí)顯示在一行
寬高取決于內(nèi)容的尺寸

inline-block行內(nèi)塊級(jí)標(biāo)簽(input,button等)多個(gè)行內(nèi)塊級(jí)標(biāo)簽?zāi)芡瑫r(shí)顯示在一行
能隨時(shí)設(shè)置寬度和高度

可通過display屬性修改標(biāo)簽的顯示類型

??選擇器
常用選擇器標(biāo)簽選擇 div{}
類選擇 .high{}
id選擇 #first{}
并列選擇 div,.high{}
復(fù)合選擇 div.high{}
后代選擇 div p{}直接后代選擇 div>p{}

相鄰兄弟選擇 div+p{}
屬性選擇 div[name]{}; div[name=‘xxx’]{};div[name][age]{};
偽類選擇選擇 :hover; :focus; :active; 等

選擇器的優(yōu)先級(jí)選擇器的權(quán)值加到一起,大的優(yōu)先;如果權(quán)值相同,后定義的優(yōu)先選擇器的權(quán)值
通配選擇符(*):0
標(biāo)簽: 1
類: 10
屬性: 10
偽類: 10
偽元素: 1
id: 100
important: 1000

important > 內(nèi)聯(lián) > id > 類 > 標(biāo)簽 | 偽類 | 屬性選擇 > 偽元素 > 通配符 > 繼承

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

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

  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,555評(píng)論 19 139
  • 本文是針對剛學(xué)編程的小白,都是一些基礎(chǔ)知識(shí),如果想了解更多深層一點(diǎn)的東西,歡迎移步本人博客!! 博客地址 點(diǎn)擊跳轉(zhuǎn)...
    西巴擼閱讀 553評(píng)論 0 0
  • CSS3簡介 CSS3的現(xiàn)狀 瀏覽器支持程度差,需要添加 私有前綴 ; 移動(dòng)端支持優(yōu)于PC端; 不斷改進(jìn)中; 應(yīng)用...
    magic_pill閱讀 904評(píng)論 0 1
  • 相關(guān)知識(shí)點(diǎn) 布局、 浮動(dòng)、 盒子模型、 彈性和模型、 選擇器優(yōu)先級(jí)、 居中定位、 兼容性、 hack寫法........
    sandisen閱讀 24,742評(píng)論 3 123
  • 1、屬性選擇器:id選擇器 # 通過id 來選擇類名選擇器 . 通過類名來選擇屬性選擇器 ...
    Yuann閱讀 1,752評(píng)論 0 7

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