CSS层叠样式表一

1，CSS简介

1.1 CSS-网页的美容师

CSS的主要使用场景就是美化网页，布局页面的

CSS也是一种标记语言

CSS主要用于设置HTML页面中的文本内容（字体，大小，对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局和外观显示样式

HTML主要做结构，显示元素内容

CSS美化HTML，布局网页

1.2 CSS 语法规范

CSS规则由两个主要的部分构成：选择器以及一条或多条声明

选择器 { 样式 }

给谁改样式{? 改什么样式? }

    <style>
        h4{
            color: #5099ab;
        }
    </style>

1.3??CSS代码风格：

1.样式格式书写

（1）紧凑格式

h4{ color：deeppink；font-size：20px；}

?（2）展开格式

h3{

? ? ? ? color：pink；

? ? ? ? font-size：20px；

}

2. 样式大小写

h4 {

? ? ? ? color：pink；

}

H3?

? ? ? ? COLOR:? PINK ;

}?

?3.空格规范

（1）属性值前面，冒号后面，保留一个空格

（2）选择器（标签）和大括号中间保留空格

2，CSS基础选择器

2.1 CSS选择器的作用

选择器的作用：选择器就是根据不同需求把不同的标签选出来，简单来说，就是选择标签用的

2.2 选择器分类

选择器分为 基础选择器 和 复合选择器?

基础选择器：由单个选择器组成

基础选择器又包括：标签选择器、类选择器、id选择器和通配符选择器

2.2.1 标签选择器

标签选择器 是指用HTML标签名称作为选择器，按标签名称分类，为页面中某一类标签指定统一的CSS样式

作用：

可以把某一类标签全部选择出来，比如所有的<div>标签 和 所有的<span>标签

优点：

能快速为页面中同类型的标签统一设置样式

缺点：

不能设计差异化样式，只能选择全部的当前标签