css选择器

目录

1.什么是css?

2.选择器分类

2.1类选择器

2.3id选择器

2.3通配符选择器

3.字体样式

3.1字体大小

3.2字体粗细

3.3字体系列

3.4font属性连写

3.5样式的层叠问题

4.文本样式

4.1文本缩进

4.2文本水平对齐方式

4.3文本修饰

5.行高

6.垂直居中

7.margin:0 auto

8.谷歌调试工具

1.什么是css?

作用：查找标签，美化内容，美化排版
中文名：层叠样式表

作用：给页面中的html标签设置样式

结构：标签名{css属性：属性值；}

css语法规则:

css引入方式:

行内式会配合Js使用

内嵌式：

外联式

<link rel="stylesheet" href="./my.css">

行内式

<div style="color:green; font-size :30px">

2.选择器分类

2.1类选择器

2.3id选择器

注意：

p标签虽然有内容（css可以有内容），但是加了js之后一定会出错

2.3通配符选择器

所有标签都受到影响

应用场景：设置默认的内外边距

3.字体样式

3.1字体大小

3.2字体粗细

3.3字体系列

3.4font属性连写

复合属性：一个属性冒号后面书写多个值的写法

最后显示为正常字体

3.5样式的层叠问题

最后显示蓝色

4.文本样式

4.1文本缩进

4.2文本水平对齐方式

img父级标签为body

4.3文本修饰

5.行高

常见的表达方式：

6.垂直居中

技巧：设置行高属性值=自身高度属性值

7.margin:0 auto

标签水平居中方法总结：

8.谷歌调试工具

双击body中的html代码，会显示出对应的css代码