CSS樣式企命名規範備忘錄

2021-10-06 08:04:49 字數 898 閱讀 5226

c、功能

d、class的命名

一、網頁內容類

二、注釋的寫法

/* footer /

內容區/ edn footer */

三、id的命令

a、頁面結構

b、導航

c、功能

d、class的命名

1、顏色:使用顏色的名稱或者16進製制**,如

.red

.f60

.ff8600

2、字型大小,直接使用"font+字型大小"作為名稱,如

.font12px

.font9pt

3、對齊樣式,使用對齊目標的英文名稱,如

.left

.bottom

4\標題欄樣式,使用"類別+功能"的方式命名,如

.barnews{}

.barproduct{}

注意事項:

i:一律小寫;

ii:盡量用英文;

iii:不加中槓和下劃線

iiii:盡量不縮寫,除非一看就明白的單詞;

推薦的css書寫順序

//顯示屬性

display

list-style

position

float

clear

//自身屬性

width

height

margin

padding

border

background

//文字屬性

color

font

ext-decoration

text-align

vertical-align

white-space

other-text

content

css樣式命名規範

一 命名規則說明 1 所有的命名最好都小寫 2 屬性的值一定要用雙引號 括起來,且一定要有值如class divcss5 id divcss5 3 每個標籤都要有開始和結束,且要有正確的層次,排版有規律工整 4 空元素要有結束的tag或於開始的tag後加上 5 表現與結構完全分離,中不涉及任何的表現...

CSS3選擇器備忘錄

除了id選擇器和class選擇器,另還有元素選擇器 屬性選擇器 包含選擇器 子選擇器和css3中新增的兄弟選擇器,以下帶上id選擇器和類選擇器一起舉例。1.id 選擇器 id selector,is 使用 標識selector,語法格式 s s為選擇器名 例 id為name的標籤會匹配下面的樣式 r...

2023年6月學習 css備忘錄

水平 垂直 模糊程度 顏色 webkit box shadow 0px 0px 0px ccc important border radius 100px 圓角 overflow hidden 關閉滾動條浮動 position relative absolute 相對定位 絕對定位 案例 啥時候用r...