这是我参与「第四届青训营 」笔记创作活动的第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{}
(2)子代选择器
语法:选择器1>选择器2
(3)并集选择器
语法:选择器1,选择器2{}
(4)交集选择器
选择器1选择器2{}选择器之间是紧挨的
(5)hover伪类选择器
作用:选中鼠标悬停在元素是上的状态
语法:选择器:hover{css}
3、表格边框
指定CSS表格边框,使用border属性。
3、背景相关属性
(1)背景颜色bgc
(2)背景图background-images
(3)背景平铺background-repeat 不平铺no-repeat
(4)背景位置background-position
4、元素显示模式
(1)块元素 特点:独占一行,可以设置行高
(2)行内元素 特点:一行显示多个
(3)行级元素
块级vs行级(看看两者的区别)
总结:学习了css后对css有了一个基本的认知,因为这是第一次接触前端知识,所以就记录下每天学习的基础知识可以日后进行回忆和巩固。学着做信息表单,总体来说觉得挺好玩的,也激起了我对前端深深的兴趣。