CSS
今天学习的内容
9:00-20:00
字体属性
文字的粗细
CSS中使用font-weight来控制字体粗细
常用的属性值有两个 400代表正常字体，700代表加粗字体，注意不要加
单位
文字的复合属性
CSS中使用font属性来综合定义字体样式
font属性使用时，属性的顺序为：font-style font-weight font-size/line
height font-family
注意点
书写font属性时，要严格按照顺序书写，不能随意更换属性的顺序，
每个属性之间用空格隔开
可以省略的属性是 font-style 和 font-weight
不可以省略的属性是 font-size 和 font-family（如果省略整个font属性
都会失效）
文本属性
文本颜色
color设置文本颜色
预定义的颜色：red、greed、yellow等等
RGB代码
十六进制颜色（实际开发中最常用）
文本对齐
CSS使用text-algin属性来进行文本对齐
left（默认左对齐）、right、center
装饰文本
属性是text-decoration
none：默认值，没有装饰线（最长用）主要是给a标签去掉下划线underline； 下划线，链接的a标签是自带下划线
line-through：删除线
overline：上划线
文本缩进
属性是text-indent 控制首行缩进
固定像素值，比如10px
相对单位 em
em是一个相对单位，是当前元素的font-size的一个文字大小，如果
当前元素没有设置大小 就使用父元素的文字大小。
行间距
属性是line-heigth
固定像素值
当前元素的font-size的倍数（推荐使用，可以让文字根据自己的大小来
适配行高）
文本换行
属性white-space
normal 默认值，默认达到父元素边界自动换行
nowrap 设置不换行，强制一行显示。
CSS的引入方式
行内样式表（行内式）
在元素的标签内部的style属性中，设定CSS样式，适用于简单的样式修
改。
注意点
style其实就是标签的属性
在双引号中书写样式，格式要符合css规范
书写比较繁琐，不推荐使用
内部样式表（嵌入式）
内部样式表就是在<head></head>标签中的<style></style>标签中书写
样式
注意点
可以更加方便的控制多个元素的样式 代码结构比较清晰，实现了结构和样式的部分分离（不完全分离）
练习时，经常采用这种方式
外部样式表（链接式）
可以使用链接的方式引入外部样式文件
使用步骤
1、创建css文件
2、使用link标签引入css文件即可（link标签一般写在head标签中）
rel 定义当前文档与被链接的文档之间的关系，stylesheet表
示被链接文档是一个样式表文件
href 定义链接的文件的路径（URL），可以使用绝对路径也可
以使用相对路径
Emmet语法
作用：可以提高HTML和CSS的编写速度
用法
1、输入div 按tab键能快速补全标签
2、一次生成多个标签 div*5
3、生成父子级关系标签 div>p
4、生成兄弟关系标签 div+p
5、生成带有类名为demo的p标签 p.demo
6、生成带有id属性的标签
7、使用自增符号生成顺序内容
8、生成标签时直接添加内容
9、快速生成css代码，输入tac
CSS的复合选择器
就是对基础选择进行组合而形成的选择器
优点：可以更加高效的选择目标元素
常用的复合选择器
后代选择器
后代选择器又叫做包含选择器，是选择某个父元素下面的子元素。
语法：元素1 元素2 {样式声明} 选择元素1中的所有元素2（所有复
合条件后代都可以被选中不局限于到底是儿子还是孙子）子选择器
子元素选择器就是只能选择复合条件的最近的一级子元素，简单来说
就是选亲儿子元素
语法 元素1 > 元素2 {样式声明} 表示选择元素1里面最近的一级元素
2
并集选择器
并集选择器就是用多组标签来构成，同时为他们定义相同的样式，通
常用于集体样式声明，并集选择器中的各选择器之间用逗号隔开。
伪类选择器
链接伪类选择器
给链接来添加特殊效果的选择器
:link 选择所有未访问过的链接
使用方式 a:link
:visited 选择所有已经被访问的链接
使用方式a:visited
:hover 选择鼠标指针悬浮的链接
使用方式a:hover
:active 选择所有鼠标点击时的链接
使用方式a:active
例 尽量采取 link visited hover active 的顺序。（lovehate）
焦点伪类选择器
:focus 伪类选择器用于选取获得焦点的表单元素，一般情况下在
<input>表单元素中使用
CSS的元素显示模式
html里面的元素（标签）是以什么方式进行显示的，比如<div>自己占一
行，比如一行可以放多个<span>
元素显示模式的分类
元素模式的转换
转换为行内元素：display:inline;
转换为块元素：display:block;
转化为行内块元素：display:inline-block;
21:00-23:00
课后学习HTML薄弱部分绝对路径
是指目录下的绝对位置，从盘符开始一级一级的找到目标文件
相对路径
以当前的目录为基准，一级一级的达到目标文件
同一级目录下查找 “.”
上一级目录用 ../
下一级目录 ./
表格标签
增强数据的可读性，方便和后台之间进行数据交互，数据表现更加条理。
<table></table>标签用于定义表格
<tr></tr>标签用于定义表格中的行（table row），必须要嵌套在<table>
</table>中
<td></td>标签用于定表格中的单元格（table data），必须要嵌套在
<tr></tr>中
<th></th>标签用于定义行中的内容是表头内容，表头内的字体会加粗并
且居中对齐
课后复习CSS
CSS的语法规范
属性和属性值以“:”连接，我们也把它们叫做键值对
多个键值对之间要用“;”来隔开。
CSS样式练习的时候一般写在<head></head>标签中的<style></style>
标签
CSS的基础选择器
标签选择器
将html里面的标签名作为选择器，来设置统一的CSS样式
优点： 能快速选择页面中的一类标签设置样式。
缺点：不能为页面中的相同元素设置差异化样式。
今天遇到的问题
CSS文本逻辑不清晰
英文单词拼写错误，导致页面特效无法生成
HTML课后复习知识薄弱
问题解决方案
加强课后复习
重复练习不熟悉的代码
