css的基础样式

1.文本颜色的设置(可以继承）

color属性：设置文字颜色的比如color：red；（红色等等颜色）；

2.设置字体：font-family（可以继承）

常见的字体有："Microsoft YaHei"、"SimHei"、"Simsun"

3.设置字体大小：font-size

字体常用单位是px，em，，可以设置小数，但是记住最好别设置奇数，浏览器自带默认字号（16px），最小支持12px

4.字体风格 ：font-style：（可以继承）

normal：正常多数元素的默认值对于默认倾斜或斜体的元素 i em 可以调整成正常非倾斜样式

italic 让元素呈现斜体 一般指的是一个字体在字体设计的过程中，会对一个文字设计 正常体 斜体 粗体 等状态而italic只是选择让使用斜体显示

5.文字粗细：font-weight:(可以继承)

用来定义字体的粗细 其实目前浏览器只支持3个级别 细 正常 粗

1. normal：正常粗细 可以将默认加粗的字体进行改变为正常 比如 b strong

2. bold：加粗

3. 100-900 整除100的整数：因为浏览器只支持 细 粗 正常3个 所以100-300 是细，400-500 正常，600-900 加粗

6.line-height：注意看清楚他的作用（可以继承）

1. 值：(不支持负值)

2. 数字：没有单位，比如1.5 就是当前元素文字大小的1.5倍

3. 百分比：也是相对于当前元素的文字大小计算的，很少使用

4. 长度：带单位，直接设置行高

5. 使用line-height对单行文字（也可以是内联元素）做垂直居中

7.首行文本缩进：text-indent：单位是px

8.控制行内容水平方向对齐：text-align：

• left：默认 左对齐

• center：居中

• right：右对齐

9.设置背景颜色：background-color(和color一样，只是它设置的是背景）

10.文本修饰：text-decoration:(不继承)

1. none：取消下划线

2. underline:下划线

3. overline:上划线

4. line-through：删除线

11.设置一个元素的宽（width）和高（height）

12.让块级元素水平居中：margin:0 auto;

13.设置边框：border:5px dashed darkturquoise;（里面的值是边框线的大小）

14.border：是简写属性，设置所有的边框属性

1.border-width

2.border-style

3.border-color

更多的可以看看MDN:border - CSS: Cascading Style Sheets | MDN

原文地址：https://www.jb51.cc/wenti/3288058.html