教育行業A股IPO第一股(股票代碼 003032)

全國咨詢/投訴熱線:400-618-4000

CSS是什么?CSS樣式規則

更新時間:2021年12月07日14時04分 來源:傳智教育 瀏覽次數:

好口碑IT培訓
CSS是層疊樣式表( Cascading Style Sheets ) 的簡稱,有時我們也會稱之為CSS 樣式表或級聯樣式表。 CSS 是也是一種標記語言,最早CSS的出現,是為了補充HTML在頁面布局上的局限性,主要的使用場景就是美化網頁,用于設置HTML 頁面中的文本內容(字體、大小、對齊方式等)、圖片的外形(寬高、邊框樣式、邊距等)以及版面的布局和外觀顯示樣式。CSS 讓我們的網頁更加豐富多彩,布局更加靈活自如。
CSS 最大價值: 由HTML 專注去做結構呈現,樣式交給CSS,實現了結構( HTML ) 與樣式( CSS ) 相分離,讓前端開發更簡單。
使用HTML時,需要遵從一定的規范,CSS也是如此。要想熟練地使用CSS對網頁進行修飾,首先需要了解CSS樣式規則。CSS 規則由兩個主要的部分構成:選擇器以及一條或多條聲明。
  • 選擇器是用于指定CSS樣式的HTML標簽,花括號內是對該對象設置的具體樣式
  • 屬性和屬性值以“鍵值對”的形式出現
  • 屬性是對指定的對象設置的樣式屬性,例如字體大小、文本顏色等
  • 屬性和屬性值之間用英文“:”分開
  • 多個“鍵值對”之間用英文“;”進行區分
所有的樣式,都包含在 <style>標簽內,表示是樣式表。 <style>一般寫到 </head>上方。
<head>
<style>
   h4 {
    color: blue;
    font-size: 100px;
   }
</style>
</head>
<head>
<style>
   h4 {
    color: blue;
    font-size: 100px;
   }
</style>
</head>
CSS的代碼風格

1. 樣式格式書寫

①緊湊格式

h3 { color: deeppink;font-size: 20px;}

②展開格式

h3 {
    color: pink;
    font-size: 20px;
}

強烈推薦第二種格式,因為更直觀。
2. 樣式大小寫

h3 {
    color: pink;
}
H3 {
    COLOR: PINK;
}

強烈推薦樣式選擇器,屬性名,屬性值關鍵字全部使用小寫字母,特殊情況除外。
3. 空格規范

H3 {
    color: pink; 
}

注意:①屬性值前面,冒號后面,保留一個空格
           ②選擇器(標簽)和大括號中間保留空格
以下代碼書寫風格不是強制規范,在實際開發中,符合實際開發書寫方式為前提。




猜你喜歡:

哪些css屬性可以繼承?哪些不可以繼承?

什么是CSS浮動?有什么作用?

結構化偽類選擇器有哪些?CSS3新增選擇器

css link和@import的區別是什么?

傳智教育前端與移動開發培訓

0 分享到:
红豆直播app黄台_红豆直播app下载免费_红豆直播app下载