1.什么是CSS?
CSS 指的是层叠样式表 (Cascading Style Sheets)
CSS 描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素
CSS 节省了大量工作。它可以同时控制多张网页的布局
外部样式表存储在CSS文件中
2.CSS语法
CSS 规则集由选择器和声明块组成:
选择器指向您需要设置样式的 HTML 元素。
声明块包含一条或多条用分号分隔的声明。
每条声明都包含一个 CSS 属性名称和一个值,以冒号分隔。
多条 CSS 声明用分号分隔,声明块用花括号括起来。
p {
color: red;
text-align: center;
}
解释:
p是CSS的选择器(指向HTML的元素<p>)
color是属性,red是属性值
3.CSS关系选择器
父元素:直接包含子元素的元素叫做父元素 父类>子类{} 父类>子类>子类 表示子元素的子元素
子元素:直接被父元素包含的元素是子元素
祖先元素:直接或间接包含后代元素的元素叫做祖先元素 祖先 (此处有一个空格)后代
(一个元素的父元素也是它的祖先元素)
后代元素:直接或间接被祖先元素包含的元素叫做后代元素
(子元素也是后代元素)
兄弟元素:拥有相同父元素 的元素是兄弟元素 前一个 + 后一个(只能是紧挨着的)
前一个 ~ 后面的 (选择后面所有的兄弟元素)