前端css選擇器筆記

類選擇器在調用時,可被標籤class屬性調用多個選擇器,用空格隔開
類命名規範:
自定義類名不能使用純數字或數字開頭的類名
漢字也可以用來當類名,但不推薦使用
不能使用特殊字符或者以特殊字符開頭
text-align:內容顯示方式left|center|right
text-indent:行首縮進
1em表示1個漢字大小
id選擇器#id選擇器名稱{屬性:值}定義 id="選擇器" 調用 id選擇器只能一次性調用一個,不能像class選擇器一樣一次性調用多個
如果同一個id選擇器多次調用,那麼只符合css規則,不符合編程規則,id選擇器最好只被一個標籤調用
通配符選擇器:
*{屬性:值;} 會選中所有標籤
顏色表示方式:
英文單詞
十六進制
rgb三原色 r red(0-255) g green(0-255) b blue(0-255)
rgba最後的a代表透明度,取值在0-1之間
opacity:半透明 取值0-1之間
文本修飾:
text-shadow:X Y 陰影大小px 顏色 ->文字陰影 x值越大,字橫向移動幅度越大,y值控制上下移動,第三個參數表示陰影大小,四個值爲一個陰影,多個陰影之間,隔開
font-size:設置文字大小
font-family:設置文字字體
網頁文字unicode編碼:
右鍵審查元素->console->輸入escape("字體")->%u換成/
font-weight:文字粗細 bold 加粗
font-style:文字是否斜體,默認值normal,italic斜體顯示
line-height:設置文字行高 上下間距
font屬性聯寫,在font屬性聯寫中,必須設置font-size和font-family:
font:700(加粗) italic(斜體) 30px(font-size)/30px(行高屬性) "字體";
font-size必須寫在font-family之前
行高也必須寫在size之後
標籤指定式選擇器:
標籤名.類名{屬性:值;}
後代選擇器:
標籤 類名{屬性:值}
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章