CSS 是层叠样式表 ( Cascading Style Sheets ) 的简称,也会称之为 CSS 样式表或级联样式表。
使用场景: 美化网页, 让 HTML 更漂亮, 让页面布局更简单。
网页布局的本质——用 CSS 来摆放盒子, 把盒子放到目标位置上。
CSS基础选择器
选择器就是根据不同需求把不同的标签选出来这就是选择器的作用,选择器分为基础选择器和复合选择器。
基础选择器又包括:标签选择器、类选择器、id 选择器和通配符选择器。
基础选择器.png
字体属性
font: font-style font-weight font-size/line-height font-family;
- 使用 font 属性时,必须按上面语法格式中的顺序书写,不能更换顺序,并且各个属性间以空格隔开;
- 不需要设置的属性可以省略(取默认值),但必须保留 font-size 和 font-family 属性,否则 font 属性将不起作用
文本属性
文本属性可定义文本的外观,比如文本的颜色、对齐文本、装饰文本、文本缩进、行间距等。
color text-align text-decoration text-indent line-height
float浮动
加了浮动之后的元素,会具有很多特性:
- 浮动元素会脱离标准流(脱标)
- 浮动的元素会一行内显示并且元素顶部对齐
- 浮动的元素会具有行内块元素的特性
居中显示
- 块级元素居中显示:margin: 0 auto;
- 行内元素或者行内块元素水平居中给其父元素: text-align:center;
网友评论