css入门

基础认识

css介绍

css又叫层叠样式表

css一般写在style标签中，style一般写在head标签里面，title标签下面：

css引入方式

内嵌式引入方式在上述已有举例，接下来先看外联式引入方式：

外联式：

首先先在VSCode中建立一个.css文件，css中直接写代码即可：

之后可在head中的title下方写link标签：

href后直接写css文件的文件路径即可，如./my.css（同级文件夹下），之后保存运行即可。

行内式：

css三种常见引入方式的区别

---

基础选择器

1. 标签选择器

标签选择器对这一类的所有都生效。

2.类选择器

如：

3.id选择器

id选择器是配合js来使用的

4.通配符选择器

字体和文本样式

字体样式

1.字体大小

如：

写字号一定要加px

2.字体粗细

和原来相比：

3.字体样式（是否倾斜）

4.字体系列

5.字体系列了解

font-family后若有多个字体，就按照上述图片中注释说的一个一个来。

6.样式的层叠问题

如：

7.字体font相关属性的连写

文本样式

1.文本缩进

（浏览器默认字号16px）

em为一个字号的大小，所以在要求首行缩进两个字号的前提下，为了防止程序中的字号font-size被改动，所以一般用2em来表示首行缩进2字，而不是用32px。如：

可以发现上述均缩进2个字。但是当font-size修改后，如：

可以发现对于2em，文字仍会缩进2个文字，但对于32px则不会缩进这么多。

2.文本水平对齐方式

3.水平居中方法总结 text-align：center

对于以上的注意点，意思是要用text-align时，要在style中设置其父元素，如若是文本，包含它的就是p标签，h1等标题标签，div标签等；若是input标签或是img标签，该标签就是他们本身，因为他们写在body标签中，故要在style中设置body。

4.文本修饰

5.行高

上图1和2两种方法都可设置行高。

对于font连写，字号和行高一起写时要加‘/’而不是用空格间隔