css第二种和第三种引用方式中的语法
选择器(标记选择器,类[类型]选择器,ID选择器)
第一种选择器 标记选择器:
命名方式 采用页面中已有标签作为选择器的名称{具体的样式}
使用方式:页面中的元素无需选择 只需要元素的名称和选择器的名称一致即可生效【怎样使页面中的元素能使用该样式(被动的选择)】
适用范围:适用于多数元素拥有同样的样式
如:
<input type="password" name="passwd" style=" 190px;height:27px;font-size: 20px;color: #6666FF;background-color: #FFFF99 "/>
第二种选择器 类(类型)选择器
命名方式 采用任意的名称作为选择器的名称 但是要在该名称前加上.才可以
使用方式:页面中的元素 必须是class属性值等于该选择器的名称才可以生效【主动选择样式】
适用范围:适用于少数元素拥有的样式
语法规则:以.类名称{}的形式
.first {
width: 24px;
height: 24px;
}
第三种选择器 ID选择器
命名方式 采用任意的名称作为选择器的名称 但是要在该名称前加上#才可以
使用方式:页面中的元素 必须是id属性值等于该选择器的名称才可以生效【主动选择样式】
适用范围:适用于少数元素拥有的样式
语法规则:以#号开头和{}作为结束
#sub {
width: 150px;
background-color:#CCCCCC;
}
区别:
第二种选择器和第三种选择器 其实来将适用的范围完全一样 区别就在于id属性的特殊意义
id主要是代表当前元素在页面中唯一的标识 所以id不能重复使用
好处:
- 样式代码独立于HTML页面,有利于进行站点的统一;
- 样式可以再浏览器进行缓存,提高效率;
- 有利于分工合作,提高开发效率;
- 更方便搜索引擎的搜索