02 第二章-常用css和css规范

一.css选择器

image.png

二.样式表

一 行间 样式 —-内部样式

    1.

二 内嵌 （css）样式 —-内部样式

三 外链 ( css )样式 —–外部样式

    1.

=>注意：需要 设置编码 @charset 'UTF-8' ; 外链中注意 background-image 路径变化；

三.css命名规范

使用类选择器,尽量避免使用ID选择器定义样式 ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS,就无法重用.

• 以字母开头

1. 必须以字母开头命名选择器,这样可保证在所有浏览器下都能兼容;
2. 不允许单个字母的类选择器出现;
3. 允许命名带有广告等英文的单词,例如ad,adv,adver,advertising,已防>止该模块被浏览器当成垃圾广告过滤掉.

• 全小写,并使用 - 连字符

1. 下划线 _ 禁止出现在class命名中,统一使用 - 连字符
2. 禁止驼峰式命名
3. 不要出现 - 数字连接

四.命名的2种方式

• id命名 （#id）
• class命名 (.class)

五、HTML代码规范

1. 所有书写均在英文半角状态下的小写；
2. id，class必须以字母开头；
3. 所有标签必须闭合；
4. html标签用tab键缩进；
5. 属性值必须带引号；
7. /* css注释 */
8. ul,li/ol,li/dl,dt,dd拥有父子级关系的标签；
9. p,dt,h标签 里面不能嵌套块属性标签；
10. a标签不能嵌套a；
11. 内联元素不能嵌套块；（a除外）

• 命名不要用_下划线 可以用-分开
• 统一使用单引号 ‘ ’

13. 一般网站的logo都放在h1标签里，因为是比较重要的，一个网站可能出现一次，并且设置一个背静图片

六、标签的语义化

• 见名之意