類選擇器在調用時,可被標籤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之後
標籤指定式選擇器:
標籤名.類名{屬性:值;}
後代選擇器:
標籤 類名{屬性:值}
前端css選擇器筆記
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章
Web頁面中png jpg gif webp svg的區別和使用
songxianling1992
2019-02-23 13:44:50
手機H5 web調試利器——WEINRE (WEb INspector REmote) 安卓手機
songxianling1992
2019-02-23 13:44:50
HTML Images - TechGeekBuzz
cloudytechi147
2021-10-16 15:58:01
編寫自適應高度的 textarea
CarterLi
2019-02-25 00:14:46
超級詳細的手寫webpack4配置來啓動vue2項目(附配置作用)
Sotyoyo
2019-02-24 16:44:37
阿里雲ACE認證之理解CDN技術
張嶸鑫
2019-02-24 10:57:10
JavaScript五十問——對比來說CSS的Grid與FlexBox(下篇)
藺相如如
2019-02-23 14:14:16
前端全链路性能优化实战
wy53780
2020-04-23 14:01:33
抓紧面试前的宝贵时间 快速搞定前端JavaScript面试
wy53780
2020-04-23 13:56:33
《劍指offer》分解讓複雜問題更簡單
ConardLi
2019-02-24 22:55:07
js搜索關鍵字(Ctrl + F)
WEBING
2019-02-23 18:05:07
由實際問題探究setState的執行機制
ConardLi
2019-02-23 16:54:40
淘寶放大鏡的兩種實現方法JS
李大雷
2019-02-23 16:45:00