css裡常見屬性?之前我們了解了HTML基本知識,現在開始css基本知識吧,我來為大家科普一下關于css裡常見屬性?下面希望有你要的答案,我們一起來看看吧!
之前我們了解了HTML基本知識,現在開始css基本知識吧。
什麼是css?CSS指層疊樣式表的簡稱,也可以稱為CSS樣式表或級聯樣式表。
作用:用于設置HTML頁面中的文本内容(字體、大小、對齊方式等)、圖片外形(寬高、邊框樣式、邊距等)以及頁面布局和外觀顯示樣式。
主要使用場景是美化網頁,布局頁面的。
CSS語法規範樣式規則:
選擇器及其聲明。(聲明=屬性:屬性值)
語法:
選擇器{屬性:屬性值;}
屬性和屬性值之間用冒号連接,稱為“鍵值對”。
多個聲明之間使用分号分隔。
編輯位置:
style标簽中包含選擇器和聲明。
在head标簽中和title标簽并列。
樣式格式書寫:
一行寫一個聲明。
樣式屬性全部小寫。
在選擇器後面和屬性值之前添加一個空格。
CSS選擇器作用:根據不同的需求選擇不同的标簽,這個選擇器就是選擇标簽使用的。選擇器可以自定義也可以直接使用标簽命名。
選擇器分類
分為基礎選擇器和複合選擇器兩大類。
基礎選擇器:是由單個選擇器組成。
包括标簽選擇器、類選擇器、id選擇器和通配符選擇器。
語法:标簽名 {屬性: 屬性值;}
如:p { color: red;},指的是所有段落p标簽的字體均為紅色。
語法:.選擇器名稱{ 屬性: 屬性值;}
以“.”定義,以“class”調用。
需要使用該選擇器的标簽就在開始标簽中添加“class=”.選擇器名稱””進行調用即可。
如果一個标簽中需要調用多個類選擇器,則在開始标簽中調用的多個類選擇器中間用空格隔開。
ID選擇器:具有唯一性,隻能調用一次。
語法:#id名:{屬性: 屬性值;}。
以“#”定義樣式,以“id”調用結構。
通配符選擇器:不需要調用,默認全局标簽添加樣式。
如:* { color: red;}
CSS屬性字體系列:font-family。
字體大小:font-size。
單位為像素,px。
谷歌浏覽器默認大小為16px。
标題标簽需要單獨指定文字大小。
字體加粗:font-weight。
正常文字:400或normal。
标題文字加粗:700或bold。
加粗效果數字後不加px。
字體樣式:fongt-style。
font-style:normal。默認值,正常顯示。
font-style:italic。浏覽器斜體顯示。
字體複合屬性:
font {font-style font-weight font-size font-family }
必須按照順序書寫,不能更換順序,并且各個屬性之間以空格隔開。
不需要的屬性可以不寫,但必須保留字号跟字體兩個屬性,否則font屬性将不起作用。
今天學習了css的語法規範和字體屬性小小總結一下,知識點比較碎,不想添加代碼了,明天繼續學習其他屬性。
,更多精彩资讯请关注tft每日頭條,我们将持续为您更新最新资讯!