css知识点总结1

一.css的引入方式。

1.行内样式：直接在标签后边添加style。
示例：

2.内嵌式：在style里嵌入需要修改的样式，style推荐放在头部。

示例：

3.外链式。

link

外链式：在另一个css文件里写好style的内容样式 ，然后链接入本文件。

示例：

4.导入式。

@import url（“css文件地址”）；或 @import “css文件”；

示例：

 

引入方式的优先级是行内样式最大，最晚引入，优先级高。

二.css选择器。

1.标签选择器 ：直接在标签名后边加{} 。优先级在选择器里最低，只有1.

示例：

2. 类选择器： .类名加{} 。优先级有10.

示例：

 3.id选择器： #id值{}。 优先级在选择器里最高，有100.

示例：

 4.包含选择器。有多个选择器叠加在一起，优先级也相加。

示例：

 三.字体相关样式。

1.font-size字体大小

2.font-family 字体系列，例如：宋体，楷书，微软雅黑。

3.font-style 字体的风格 ；normal正常，一般默认都是正常；italic斜体或oblique倾斜

4.font-weight 字体粗细 ；normal正常bold 粗体或者bolder加粗

也可以输入100-900 9个整百层次，一般来说层次越高，字体越粗，但是有的浏览器默认会有一个字体大小范围；例如：100-300是一个字体大小，400-600是一个大小。

lighter 细体

5.line-height 行高 ，单位是px ，如果无单位，表示字体大小的倍数

示例：

 

5.缩写。

font：font-style值  font-style值  font-size值 /line-height值 font-family值

需要注意的是缩写需要按顺序写，如果顺序错乱会无效果，并且属性名不能少写，少写一个就无法生效。

示例：正常：

 

 错误示例：