css简介

CSS 层叠样式表（Cascading Style Sheets）、级联样式表，美化HTML 

css由选择器和声明构成

 p{
            color: red;
            font-size: 12px;
        }

<p>显示出来的字，改成红色，12像素大小

css代码风格

展开式风格，不要写到一行

提倡用小写

空格规范：属性值前面，冒号后面加空格，选择器和{}之间写空格

css选择器：基础选择器和复合选择器

基础选择器是由单个选择器组成，包括：标签选择器，类选择器，id选择器，通配符选择器

标签选择器

用标签名作为选择器，把某一类全部选择出来，不能差异化设置。

类选择器

差异化选择，语法：

<style>
        .red {
            color: red;
        }
    </style>

<ul>
        <li class="red">你好</li>
        <li>你好</li>
        <li>你好</li>
        <li>你好</li>
        <li>你好</li>
        <li>你好</li>
    </ul>

这样只有第一个你好变成红色

口诀：样式点定义，结构类（class）调用，一个或多个，开发最常用

不能用标签名作为类名

多类名

我们可以给一个标签指定多个类名，从而达到更多的选择目的，这些类名都可以选出这个标签，

简单的理解就是一个标签有多个名字

 <div class="red font35">刘德华</div>

变红同时字号变为35，

也有id选择器，定义时把点改成#，在标签中用id=“”引用

样式#定义，结构id调用，只能调用一次，别人切勿使用

通配符选择器

* 把页面中所有元素都改掉，不需要 调用

<style>
        * {
            color: red;
        }
    </style>