【css】CSS层叠样式表二

目录

一、Emmet语法

1、快速生成HTML结构语法

2、快速生成CSS样式语法 

3、vscode自动格式化代码 

二、CSS的复合选择器

1、什么是复合选择器

 1.1后代选择器(重要)

1.2子选择器(重要) 

1.3并集选择器(重要)

1.4伪类选择器 

扫描二维码关注公众号,回复: 14983742 查看本文章

 2、复合选择器总结

三、CSS的元素显示模式

 1、什么是元素显示模式

2、块元素 

3、行内元素 

4、行内块元素 

5、显示元素模式总结 

6、元素显示模式转换 

7、小工具snipaste 

7、小技巧 单行文字垂直居中代码 

四、CSS的背景

 1、背景颜色

2、背景图片

3、 背景平铺 

4、背景图片位置

5、背景图像固定(背景附着)

 6、背景复合写法

7、背景色半透明 

 8、背景总结

五、CSS的三大特性

1、层叠性 

2、继承性 

2.1行高的继承

 3、优先级

3.1优先级注意点: 

 3.2权重叠加


一、Emmet语法

1、快速生成HTML结构语法

2、快速生成CSS样式语法 

 

3、vscode自动格式化代码 

左下角设置

 

二、CSS的复合选择器

1、什么是复合选择器

 1.1后代选择器(重要)

1.2子选择器(重要) 

 

1.3并集选择器(重要)

 

1.4伪类选择器 

1.4.1链接伪类选择器

 

 

demo:

1.4.2focus伪类选择器

demo:

 2、复合选择器总结

三、CSS的元素显示模式

 1、什么是元素显示模式

2、块元素 

3、行内元素 

 

4、行内块元素 

5、显示元素模式总结 

 

6、元素显示模式转换 

7、小工具snipaste 

7、小技巧 单行文字垂直居中代码 

 原理:

四、CSS的背景

 1、背景颜色

2、背景图片

3、 背景平铺 

4、背景图片位置

5、背景图像固定(背景附着)

 

 6、背景复合写法

7、背景色半透明 

 

 8、背景总结

五、CSS的三大特性

1、层叠性 

2、继承性 

2.1行高的继承

 

demo:

 3、优先级

3.1优先级注意点: 

 3.2权重叠加

 

猜你喜欢

转载自blog.csdn.net/legend818/article/details/130488754