前端基础第四天

139 阅读1分钟
1.1EMMET语法

85ac5faae41fadc4f71da3b4305488f.jpg image.png

1.2快速生成CSS样式

通过快捷键和简写生成

1.3快速格式化代码、

shift +alt +f格式化代码

95cc145c3515305ca36410c2b12a7b7.jpg

1.CSS的复合选择器
1.2后代选择器(重要)

3575eb1710558ae5167f617f0167f24.jpg

image.png

1.3子选择器(重要)

fd3d2e1fd81bc0c1ca004da52f4f0fc.jpg

image.png

1.4并集选择器

207af739c74c0020be75c09263a0dca.jpg

image.png

1.5伪类选择器
1.6链接伪类选择器

0b27fb11e88035c5ae8905106fc95ce.jpg image.png 注意事项

d6bafe5015b92b252a7ba555de8bbec.jpg 实际写法

866dcf6a6bae3cede6cc432735f2eb8.jpg

image.png

1.7:foucus伪类选择器

b1aed61f6ba1bd33c0206a631708b60.jpg

image.png

1d28301916f17b491c9d73bd4b4967a.jpg

CSS的元素显示模式

2.1什么是元素显示模式

a6b9950fd3df7c020e5321bda38cd91.jpg

image.png

image.png

2.3行内块元素

image.png

2.4元素模式总结

image.png

2.5元素显示模式转化

image.png

image.png image.png

2.6小工具的使用 snipaste

image.png

2.6单行文字垂直原理

image.png

3.css背景
3.1背景颜色

image.png

3.2背景图片

image.png

3.3背景平铺

image.png

3.4背景图片位置

image.png

3.5背景图像固定

image.png image.png

3.6背景复合写法

image.png image.png

3.7背景半透明

image.png image.png

3.8背景总结

image.png