css基础----选择器

css---层叠样式表；

样式表允许以多种方式规定样式信息。样式可以规定在单个的 HTML 元素中，在 HTML 页的头元素中，或在一个外部的 CSS 文件中。甚至可以在同一个 HTML 文档内部引用多个外部样式表。

注意：空格不会影响css在浏览器的工作效果。

选择器：基础选择器：标签选择器：页面中的所有此标签都执行这个标签样式

                                                   div{width:100px;height:100px;}

类选择器:谁调用谁生效；一个标签可以调用多个类选择器；多个标签可以调用一个类选择器；

                                  定义样式 .box{width:100px;height:100px;}

                                  调用样式 <div class="box"></div>

id选择器：一个ID选择器在一个页面只能调用一次；一个标签只能调用一个ID选择器

                                    定义样式 #box{width:100px;height:100px}
                                   调用样式 <div id="box"></div>

属性选择器：可以为拥有指定属性的 HTML 元素设置样式，而不仅限于 class 和 id 属性。

                                       input[type="text"]{width:100px;height：100px;}

通配符选择器；通配符*，页面中所有的标签都应用；

                                    *{width:100px;height:100px;}

复合选择器（两个或两个以上基础选择器联合使用）：

交集选择器:既满足标签选择器，又满足类选择器。类名为box的div标签修改样式。

                                     div.box{width:100px;height:100px;}

后代选择器：特点有嵌套关系无限隔代；包含在div标签下的p标签的样式。

                                      div p{width:100px;height:100px;}

子代选择器：直接后代，只能是继承关系

并集选择器：两者都；标签div，标签p都满足的样式

                                       div,p{width:100px;height:100px;}

秒客网