四、选择器
要想将CSS样式应用于持定的HTML元素,首先需要找到该目标元素。在CSS中,执行这一任务的样式规则部分则成为选择器(选择符)。
(一)标签选择器(元素选择器)
标签选择器是只用于HTML标签名作为选择器,按标签名分类,为页面中某一类标签指定统一的css样式。
基本语法格式:
标签名{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
或
元素名{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
(标签选择器最大的优点是能快速为页面中同类型的标签统一样式,同时这也是它的缺点,不能设计差异化样式。)
(二)类选择器
类选择器使用“.”(英文点号)进行标识,后面紧跟类名
语法格式:
.类名{ 属性1:属性值1; 属性2:属性值2; 属性3:属性值3; }
标签调用时用class=”类名”即可
例:
类选择器示例代码图
类选择器最大的优势是可以为元素对象定义单独或相同的样式。
(三)CSS命名规范
*小技巧:①长名称或词组可以使用”-“中横线来为选择器命名;
②不建议使用”_“下划线来命名css选择器;
(浏览器兼容问题‘比如使用_tips的选择器命名,在IE6中是无效的’
能良好区分Java Script变量命名,JS变量命名是用”_“下划线