CSS进阶|青训营笔记

84 阅读2分钟

这是我参与「第四届青训营 」笔记创作活动的第6天 今天是学CSS的第三天,学习CSS进阶

1、文本样式

(1)文本缩进text-eindent (2)水平对齐方式text-align (3)文本修饰 text-decoration line-through删除 underline下划线 ext-decoration 属性用来设置或删除文本的装饰。 从设计的角度看 text-decoration属性主要是用来删除链接的下划线 (4)行高line-height rgba a透明度在0跟1之间 margin: 0 auto居中;text-align center居中

2、选择器进阶

注意:子代跟后代选择器区别

(1)后代选择器 语法:选择器1 选择器2{}

9399252d6b4bd108c08079c589b3905.png (2)子代选择器 语法:选择器1>选择器2

e3e3cc125b07206041f4e9f2f53cbd2.png (3)并集选择器 语法:选择器1,选择器2{} (4)交集选择器 选择器1选择器2{}选择器之间是紧挨的 (5)hover伪类选择器 作用:选中鼠标悬停在元素是上的状态 语法:选择器:hover{css}

3、表格边框

指定CSS表格边框,使用border属性。

4b88805075fa19aa2121cad8466b108.png

3、背景相关属性

(1)背景颜色bgc

772aa6c124380c10423534fdf986f71.png (2)背景图background-images

(3)背景平铺background-repeat 不平铺no-repeat

(4)背景位置background-position

4、元素显示模式

(1)块元素 特点:独占一行,可以设置行高

(2)行内元素 特点:一行显示多个

(3)行级元素 块级vs行级(看看两者的区别) 0a51e74bd40569695cf60665e068a79.png 总结:学习了css后对css有了一个基本的认知,因为这是第一次接触前端知识,所以就记录下每天学习的基础知识可以日后进行回忆和巩固。学着做信息表单,总体来说觉得挺好玩的,也激起了我对前端深深的兴趣。