CSS

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;

你可能感兴趣的:(CSS)