命名规则 css的核心属性 项目搭建

一.命名的规则

1.名字由数字 字母下划线组成 (不能以数字开头)

2.见名思意 英文全称

3.驼峰命名 或下划线(注意:单词与单词的连接首字母要大写)

二.css核心属性

1.优先级的判定规则

判定权重之和  和越大 越优先 如果一样 后者覆盖前者

!important >行内> id> class>标签 >*通配符

important使用方法   属性:属性值 !important;

2.文本属性

1.文字颜色 color 16进制 rab( r g b)

2.文字大小  font-size

3.文字粗细  font-weight

4.文字样式  font-style 是否倾斜 italic |  oblique | normal

5.字体类型   font-family

6.下划线  text-decoration

7.首行缩进   text-indent  用em

8.文本水平对齐   text-align

9.字间距  letter-spacing

10.词间距 Word-spacing

11.行高  line-height

12.列表样式 list-style 

三.背景相关属性

1.背景颜色

background-color;

2.图片

background:url(图片路径);

3.平铺方式

background-repeat:no-repeat | repeat-x;

4.位置

background-position:x y;

5.复合属性

background: 颜色 url()  重复方式  位置;

三.项目的搭建

1.index.html

2.css文件

reset.css 重置样式表   搜索重置样式表 看到带npm的复制链接

indext.css 层叠样式表

common.css  共同样式表

normalize.css  加上cdn进行搜索

3.js文件

4.images文件