css

css是层叠样式表

作用：美化页面

css的代码规范

放置规范：

1、行内式

2、内嵌式

3、外链式

当以上三种方式都存在会遵循就近原则：行内>内嵌>外链

格式规范：

选择器名称 { 属性名1：属性值1；属性名2：属性值2；…….}

选择器：即指定CSS样式作用在哪些HTML标签上

代码规范：

1. 属性名和属性值之间是键值对关系；
2. 属性名和属性值之间 用 “:” 连接，最后“;”结尾；
3. 如果一个属性名有多个值，多个值之间用 空格 隔开。
4. CSS注释：/* 注释内容*/  快捷键：ctrl + shift + /

css选择器

1、元素选择器

HTML标签又名HTML元素。

元素选择器：即以HTML标签名作为选择器名称。

作用：选择CSS样式代码 作用于 对应标签名的标签上。

适用范围：适用于将相同样式   作用在多个同名标签上

格式：元素名{}

2、类选择器

每个HTML标签都有一个class属性，class属性值即为类名

类选择器：即以HTML的类名（class属性值）作为选择器名称。

作用：选择CSS样式代码 作用于 对应类名的HTML标签上

适用范围：适用于将样式  一次作用在相同类名的标签上。（即使标签名不同）将相同样式 作用在 不同标签上

格式：.类名{}

3、id选择器

每个HTML标签都有一个id属性，id的属性值必须在本页面是唯一的。

id选择器：即以HTML的id（id属性值）作为选择器名称。

作用：选择CSS样式代码 作用于 某个规定id值的html标签上

适用范围：适用于将样式  作用某个标签上。（更有针对性）    特定标签 使用 特定样式

 格式：#id名{}     

          

三种选择器的优先级别：id选择器>类名选择器>元素选择器