tft每日頭條

 > 圖文

 > css裡常見屬性

css裡常見屬性

圖文 更新时间:2024-12-05 08:41:06

css裡常見屬性?之前我們了解了HTML基本知識,現在開始css基本知識吧,我來為大家科普一下關于css裡常見屬性?下面希望有你要的答案,我們一起來看看吧!

css裡常見屬性(初識CSS語法規範)1

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每日頭條,我们将持续为您更新最新资讯!

查看全部

相关圖文资讯推荐

热门圖文资讯推荐

网友关注

Copyright 2023-2024 - www.tftnews.com All Rights Reserved