第三课 《让简历有点色彩》

Posted 2021-02-01 lixiang12

用时：3h内容：
1、学习了css的概念、工作方式、语法
1.1、CSS (Cascading Style Sheets) ：是一种用于向用户指定文档如何呈现的语言 — 它们如何被指定样式、布局等。
1.2、工作方式：
1.2.1、浏览器将 html 和 CSS 转化成 DOM （文档对象模型）。DOM在计算机内存中表示文档。它把文档内容和其样式结合在一起。
1.2.2、浏览器显示 DOM 的内容。
1.3、语法：
1.3.1、声明：属性名：属性值；
1.3.2、声明用“{ }”包裹形成声明块
1.3.3、选择器加上声明块形成完整的css规则集
2、学习了css选择器中的简单选择器和属性选择器的使用方法
2.1、选择器：用于定位想要样式化的网页html元素
2.2、简单选择器：根据元素类型（id或class）直接匹配文档中的一个或多个元素
2.2.1、元素选择器：以元素名进行匹配
2.2.2、类选择器：以“.” 加类名的方式匹配
2.2.3、id选择器：以“#” 加id的方式匹配
2.2.4、通用选择器：以“*” 匹配文档中的所有元素
2.3、属性选择器：根据元素的属性和属性值匹配元素，通用语法为“[ ]”
2.3.1、存在和值选择器：
这些属性选择器尝试匹配精确的属性值：
[attr]：该选择器选择包含 attr 属性的所有元素，不论 attr 的值为何。
[attr=val]：该选择器仅选择 attr 属性被赋值为 val 的所有元素。
[attr~=val]：该选择器仅选择具有 attr 属性的元素，而且要求 val 值是 attr 值包含的被空格分隔的取值列表里中的一个。
2.3.2、子串值选择器：
[attr|=val] : 选择attr属性的值是 val 或值以 val- 开头的元素（注意，这里的 “-” 是用来处理语言编码的）。
[attr^=val] : 选择attr属性的值以 val 开头（包括 val）的元素。
[attr$=val] : 选择attr属性的值以 val 结尾（包括 val）的元素。
[attr*=val] : 选择attr属性的值中包含子字符串 val 的元素（一个子字符串就是一个字符串的一部分而已，例如，”cat“ 是 字符串 ”caterpillar“ 的子字符串）。
3、学习了css字体样式：font-family、font-size、font-style、font-weight、font
4、学习了css文本样式：color、direction、text-indent、text-align、line-height、letter-spacing、word-spacing、text-transform、text-decoration、white-space、text-shadow