CSS样式

CSS作用是HTML元素

写法：存储在样式中 (style)

文档流的顺序：上左下右

1.基本语法

 2.基本样式

width (宽):100px

height(高):200px     px :是像素

  背景颜色     background-color:颜色

list-style:none (去除小黑点)

3.引入方式

(1)行内引入

(2)内联式

(3)外链式

4.CSS选择器

     通配符

   /* *{

            padding: 0;

            margin: 0;

        } */

标签选择器    (h1-h6   div  ul li span)

  p{

            background-color: aqua;

            color: black;

            font-size: 40px;

        }

类选择器

  .classname{

           height:  300px;

        }

id选择器

 #idname{

            width: 300px;

        }

群组选择器

.div1,.div2,.div3{

            width: 300px;

        }

层级选择器

      1.子代选择器

.ulBig >li{

            list-style: none;

            font-size: 15px;

        }

2.后代选择器

.ulBig li{

            list-style: none;

        }

兄弟选择器

1.相邻兄弟

.li4+li{

            color: red;

        }

2.通用兄弟

.li4~li{

            color: red ;

        }

属性选择器

input[type='checkbox']{

            background-color: yellow!important;

        }

注意：选择器的优先级

标签选择器<类选择器<id选择器<行内引入方式<！important

         组合选择器时，按优先级顺序叠加，谁大谁生效