CSS的基本書寫格式
- 前言
- 一、CSS的組成
- 1、選擇器
- 2、一潭訓多條宣告
- 3、書寫格式
- 二、CSS的代碼風格
- 1、樣式格式書寫
- 2、樣式大小寫風格
- 3、樣式空格風格
前言
1、HTML主要做結構,顯示元素內容
2、CSS美化HTML,布局網頁
CSS最大價值:HTML做結構呈現,樣式CSS,即結構(HTML)與樣式(CSS)相分離
一、CSS的組成
1、選擇器
根據不同需求把不同的標簽選出來這就是選擇器的作用,簡單說就是選擇標簽用的
2、一潭訓多條宣告
(1)花括號內是對該物件設定的具體樣式
(2)屬性和屬性值以“鍵值對”的形式出現
(3)屬性是對指定的物件設定的樣式屬性,例如字體大小、文本顏色等
(4)屬性和屬性值之間用英文“:”分開
(5)多個“鍵值對”之間用英文“;”進行區分
3、書寫格式
書寫規范:
選擇器{樣式}
例子:
p{
/* 修改了文字顏色為紅色 */
color: red;
/* 修改了文字大小為12像素 */
font-size: 12px;
}
CSS 的效果:
????? 給誰改樣式{ 改什么樣式}
二、CSS的代碼風格
1、樣式格式書寫
(1)緊湊格式
h1{ color :pink;font-size:30px;}
(2)展開格式
h1{
color :pink;
font-size:30px;
}
2、樣式大小寫風格
(1)小寫
h3 {
color: pink;
}
(2)大寫
H3 {
COLOR: PINK;
}
3、樣式空格風格
代碼樣式:
h3 {
color: pink;
}
注意:
1、屬性值前,冒號后面,保留一個空格
2、選擇器(標簽)和大括號中間保留空格
轉載請註明出處,本文鏈接:https://www.uj5u.com/ruanti/303923.html
標籤:其他
