今天学习的内容
09:00——20:00:
字体属性:
1.字体粗细:CSS中使用font-weight来控制字体粗细;常用的属性值有两个 400代表正常,700代表加粗,不加单位;
2.字体的复合属性:CSS中使用font属性来综合定义字体样式
font属性使用时,属性的顺序为:font-style font-weight font-size/line-height font-family
文本颜色:color设置文本颜色 属性值:预定义的颜色:red等;RGB代码;十六进制颜色(实际开发中最常用)。
文本对齐:CSS使用text-algin属性来进行文本对齐。 属性值:left、right、center。
文本装饰:属性是text-decoration none:默认值;underline; 下划线;line-through删除线;overline上划线。
文本缩进属性是text-indent 控制首行缩进 属性值:固定像素值 相对单位em:em是一个相对单位,是当前元素的font-size的一个文字大小。
行间距属性是line-heigth。属性值:固定像素值;当前元素的font-size的倍数。
文本换行:属性white-space。 属性值:normal 默认值,默认达到父元素边界自动换行;nowrap 设置不换行,强制一行显示。
CSS的引入方式:
行内样式表:在元素的标签内部的style属性中设定CSS样式,适用于简单的样式修改。
外部样式表(开发中最常用,实现了结构和样式的完全分离):可以使用链接的方式引入外部样式文件。
Emmet语法:作用:可以提高HTML和CSS的编写速度。
CSS的复合选择器:就是对基础选择进行组合而形成的选择器。可以更加高效的选择目标元素.
常用的复合选择器:
1.后代选择器:后代选择器又叫做包含选择器,是选择某个父元素下面的子元素。
2.子选择器:子元素选择器就是只能选择复合条件的最近的一级子元素,简单来说就是选亲儿子元素.
3.并集选择器:并集选择器就是用多组标签来构成,同时为他们定义相同的样式,用于集体样式声明,并集选择器中的各选择器之间用逗号隔开。
4.伪类选择器:链接伪类选择器:给链接来添加特殊效果的选择器;
尽量采取 link visited hover active 的顺序
焦点伪类选择器::focus 伪类选择器用于选取获得焦点的表单元素,一般情况下在<input>表单元素中使用。
伪类选择器的总结:伪类选择器和css的类一样,可以附加在其他的选择器之上;如果想使用伪类选择器,首先选择器选中的标签必须要支持这种伪类状态。
CSS的元素显示模式:
元素显示模式的分类:
块元素;行内元素;行内块元素。
元素模式的转换:转换为块元素:display:block;转换为行内元素:display:inline;转化为行内块元素:display:inline-block。
|