百度前端技术学院-基础-day3

2020.9.15

第三天的课程内容，复习了一些CSS的基础属性（果然不用就会忘）。

学习了一些新的属性，比如text-shadow、text-indent（还不是很清楚）、font-style等等。

增加了基础CSS样式的简历

回答问题：

• 什么是CSS，CSS是如何工作的
• CSS是给HTML的内容添加样式的，通过选择器选择要改变样式的元素，通过 属性名称：值  表达要改变成的样式。
• CSS全称是层叠样式表，说明不同选择符之间具有优先级。复杂网站可能会有非常多CSS的规则，因此必须先定义好这些规则的优先级，以免乱套。
• CSS的基本语法是怎样的
• selector{

属性：值

}

• CSS选择器是什么概念，简单选择器和属性选择器是什么
• 简单选择器有四种：
• 元素选择 （元素名）
• class选择 （.）
• ID选择 （#）
• 通用选择 （*） 选择一个页面中所有元素，不推荐
• 属性选择器大体分为两种
• 根据存在的值 属性选择器
• [attr]：选择器选择包含attr属性的所有元素
• [attr=val]：只选择属性attr=val 的所有元素
• [attr~=val]：选择attr属性值中包含val的所有元素
• 子串值 属性选择器（伪证选择器）
• [attr|=val]:选择attr属性值是val或属性值是以val-开头的元素
• [attr^=val]:选择attr属性值是以val开头的所有元素（包括val本身）
• [attr$=val]:选择attr属性值是以val结尾的所有元素（包括val本身）
• [attr*=val]:选择attr属性值中包含字符串val的所有元素
• 文本样式都有哪些相关属性，对应哪些值
• text-decoration
• font-size
• font-weight
• font-family
• font-style
• text-align
• color
• background-color
• text-shadow
• line-height
• ……