CSS基础样式

1.css概述

        css指层叠样式表

        样式定义如何显示HTML元素

        样式通常存储在样式表中

        多个样式可层叠为一个

2.css作用

        css是可以把页面布局，字体颜色，背景颜色，字体颜色修改，html可以把页面的元素            铺出来，css把html页面进行美化。

/* 基础样式
        1.width:宽
        2.height:高
        3.background_color 背景颜色
        4.list-stylt:none; 清除li默认样式
        */

下面开始选择器的介绍

/* 标签选择器
            h1~h6 div ul li span p 都是标签
*/
        p{
            background-color: royalblue;
            color: red;
            font-size: 60px;
        }

/* 类选择器 */
.classname{
            height: 200px;
            background-color: rgb(122, 67, 67);
        }

/* id 选择器
            注意：id名不能重复    
*/
        #idname{
            width: 300px;
            background-color: palegoldenrod;
        }

/* 群组选择器 */
.ddd1,.ddd2,.ddd3{
            width: 350px;
        }

/* 层级选择器 
            1.子代选择器 >
            2.后代选择器 空格
        */
        .ulu > li{
            /* 清除原有样式 */
            list-style: none;
            font-size: 28px;
        }
        .ulu   li{
            list-style: none;
            font-size: 30px;

        }

/* 层级选择器
            1.兄弟选择器 相邻兄弟 + 只修改他下面的相邻的选择器
            2.兄弟选择器 通用兄弟 ~ 修改他后面的所有选择器
        */
        .lic+li{
            /* 修改他下面的相邻的颜色 */
            color: red;
        }
        .lic~li{
            /* 修改全部的颜色 */
            color: red;
        }

/* 伪类选择器 
            :host 鼠标悬浮
        */
        .lia:hover{
            color: blue;
            /* 鼠标变小手 */
            cursor: pointer;
        }

 /* 属性选择器 */