一.css选择器
image.png
二.样式表
一 行间 样式 —-内部样式
1.<div style=''></div>
二 内嵌 （css）样式 —-内部样式
<style>
#box{}
</style>
三 外链 ( css )样式 —–外部样式
1.<link rel='stylesheet' type='text/css' href='url.css'/>
=>注意：需要 设置编码 @charset 'UTF-8' ; 外链中注意 background-image 路径变化；
三.css命名规范
使用类选择器,尽量避免使用ID选择器定义样式 ID在一个页面中的唯一性导致了如果以ID为选择器来写CSS,就无法重用.
- 以字母开头
- 必须以字母开头命名选择器,这样可保证在所有浏览器下都能兼容;
- 不允许单个字母的类选择器出现;
- 允许命名带有广告等英文的单词,例如ad,adv,adver,advertising,已防>止该模块被浏览器当成垃圾广告过滤掉.
- 全小写,并使用 - 连字符
- 下划线 _ 禁止出现在class命名中,统一使用 - 连字符
- 禁止驼峰式命名
- 不要出现 - 数字连接
四.命名的2种方式
- id命名 （#id）
- class命名 (.class)
五、HTML代码规范
- 所有书写均在英文半角状态下的小写；
- id，class必须以字母开头；
- 所有标签必须闭合；
- html标签用tab键缩进；
- 属性值必须带引号；
- /* css注释 */
- ul,li/ol,li/dl,dt,dd拥有父子级关系的标签；
- p,dt,h标签 里面不能嵌套块属性标签；
- a标签不能嵌套a；
- 内联元素不能嵌套块；（a除外）
- 命名不要用_下划线 可以用-分开
- 统一使用单引号 ‘ ’
- 一般网站的logo都放在h1标签里，因为是比较重要的，一个网站可能出现一次，并且设置一个背静图片
六、标签的语义化
- 见名之意
网友评论