简介

CSS叫层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。

用法

在编写html时，一般都需要搭配css样式来写。如果说html为前端的骨架，那么css就是衣服，是我们表现前端页面样式所必须的。使用css需要在<style></style>的标签中书写，也可以通过引入.css文件来实现。

层叠型、继承性、优先级（即权重）

层叠性：样式冲突，就近原则，哪个离结构近就执行哪个

样式不冲突，不会层叠

继承性

子标签会继承父标签的某些样式，如文本颜色和字号（text-,font-,line-这些元素开头的可以继承，以及color属性

恰当的使用继承可以简化代码，降低css样式的复杂性

优先级

选择器相同，执行层叠性

选择器不同，则根据选择器权重执行

继承的权重是0， 如果该元素没有直接选中，不管父元素权重多高，子元素得到的权重都是0

块元素：

常见的块元素有<h1>~<h6>、<p>、<div>、<ul>、<ol>、<li>等，其中

是最典型的块元素

块级元素特点：

1、自己独占一行

2、高度、宽度、外边距及内边距都可以控制

3、宽度默认是容器（父级宽度）的100%

4、是一个容器及盒子，里面可以放行内或者块级元素

tips:

文字类的元素内不能使用块级元素

p标签主要用于存放文字，因此p里面不能放块级元素，特别是不能放div。

同理，<h1>~<h6>等都是文字类块级标签，里面也不能使用其他块级元素

常见的行内元素有<a>``<strong><b><em><i><del><span>等，其中是最典型的行内元素。有些地方也将行内元素称为内联元素

行内元素特点：

1、相邻行内元素在一行上，一行可以显示多个

2、高、宽直接设置是无效的（要用display转化

3、默认宽度就是它本身内容的宽度

4、行内元素只能容纳文本或其他行内元素