CSS知识点1

选择器

类选择器

1. 类选择器使用“.”后面跟上类名；
2. 我们也可以在class属性里面添加多个类名，各个类名空格隔开

.类名 {
	属性1：属性值1;
	......
}

id选择器

1. id选择器使用“#”后面跟上id名称；
2. 与类选择器不同的是，id选择器类似于身份证号，只能使用一次

#id名 {
	属性1：属性值1;
	......
}

通配符选择器

1. 通配符选择器使用“ * ”表示全局。

* {
	属性1：属性值1;
	......
}

字体属性

属性	表示	注意点
font_style	字体样式	倾斜：italic；不倾斜：normal
font-weight	字体粗细	加粗700或bold；不加粗400或normal；没有单位
font-size	字号	px像素作为单位
font-family	字体	按照团队约定写字体
font	字体连写	按照顺序：style,weight,size,family；其中size,family不可删去

文本属性

属性	表示	注意点
color	文本颜色	一般用 十六进制
text-align	文本对齐	设置对齐方式
text-indent	文本缩进	一般缩进两个字符 text-indent:2em;
text-decoration	文本修饰	下划线：underline 取消：none
line-height	行高	行之间距离

Css引入方法

外部样式表

1. 新建一个.css的样式文件，把所有的css代码放入
2. HTML文件中，使用< link >标签引入文件

<link rel="stylesheet" herf="css文件途径">

• rel属性表示文档与当前文档之间的关系
• 表示链接到外部文件的URL

内部样式表

• 可以控制整个页面当中的元素设置
• 一般是在< head >中设置< style >标签来设置

<style>
	css代码1
	.....
</style>

行内样式表

• style就是标签的属性
• 在双引号内，符合CSS标准
• 可以设置当前行内的样式

<p style="color:red;font-size:12px;">青春不易，抓紧谈恋爱</p>