[TOC=2] ## **标签选择器** #### **用法** `标签{属性:值;}` ### **特点** `标签选择器定义之后,会将页面所有的元素都执行这个标签样式。` #### **使用截图** ![](https://box.kancloud.cn/22f907be670379b9e924ed03da0bc9a2_390x317.png) </br> ## **类选择器** #### **用法** `.自定义类名{属性:值; 属性:值;}` #### **特点** ``` 谁调用,谁生效。 一个标签可以调用多个类选择器。 多个标签可以调用同一个类选择器。 ``` #### **常用的命名** ``` 不能用纯数字或者数字开头来定义类名 不能使用特殊符号或者特殊符号开头(_)来定义类名 不建议使用汉字来定义类名 不推荐使用属性或者属性的值来定义类名 ``` ![](https://box.kancloud.cn/2f88e8c818ab17764c06daf176397d6d_288x424.png) #### **使用截图** ![](https://box.kancloud.cn/84924b3452694ecef9091791551e17c4_412x268.png) </br> ## **ID选择器** ### **用法** `#自定义名称{属性:值;}` ### **特点** 标签选择器定义之后,会将页面所有的元素都执行这个标签样式。 ``` 一个ID选择器在一个页面只能调用一次。 如果使用2次或者2次以上,不符合w3c规范,JS调用会出问题。 一个标签只能调用一个ID选择器。 一个标签可以同时调用类选择器和ID选择器。 ``` ### **使用截图** ![](https://box.kancloud.cn/40a430cfbd8f971dbe22d26e3d55ffab_407x264.png) </br> ## **通配符选着器** ### **用法** `*{属性:值;}` ### **特点** 给所有的标签都使用相同的样式。。 ``` 不推荐使用,增加浏览器和服务器负担。 ```