多应用+插件架构,代码干净,二开方便,首家独创一键云编译技术,文档视频完善,免费商用码云13.8K 广告
基础选择器是最早的css标准(css1.0)中规定的选择器,最简单易懂。它是通过特定标识或符号来确定所选元素。 ## 14.2.1.标签选择器:E 标签选择器的形式上是一个标签名(一个单词)。 比如: ``` P{ .... } div{ .... } img{ .... } ``` ## 14.2.2.类选择器:.class 类选择器的形式上是一个英文点(.)后面紧跟一个类名(className)。 类名是在标签上通过class属性而设定。我们可以自己设定类名。 如下所示: ``` <style> .cc{color: red; font-size: 18px; width: 500px; } </style> <p class=”cc”> 这是一个信息化的时代</p> ``` 注意: 1, 一个类可以供多个标签使用! 2,一个标签可以同时设定多个类,用空格隔开。 这样设定后,多个类所设定的属性都可以作用在该标签上。 类似这样: ``` <style> .cc1{color: red; font-size: 18px; width: 500px; } .cc2{font-weight: bold; } </style> <p class=”cc1 ccs2”> 这是一个信息化的时代</p> <div class=”cc1” >。。。。</div> ``` ## 14.2.3.id选择器:#id id选择器的形式上是一个英文井号(#)后面紧跟一个id名。 id名是在标签上通过id属性而设定。我们可以自己设定id名。 如下所示: ``` <style> #p1{color: red; font-size: 18px; width: 500px; } </style> <p id=”p1”> 这是一个信息化的时代</p> ``` 特别注意: 一个网页中的id不能“重名”(但class名可以重复)。 ## 14.2.4.通配符选择器: * 通配符选择器非常简单,就一个星号(*),表示“所有标签”,同得不多。 ``` *{ .....声明......} ``` 表示所有标签都应用该css样式的设定。