菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育

标题: CSS基础_侯程成_20230207 [打印本页]

作者: HOU 时间: 2023-2-7 23:35
标题: CSS基础_侯程成_20230207

一：今天学习内容

9：00—21：00

1. CSS的文本属性

(1) 文本颜色

(2) 文本对齐

(3) 文本装饰

(4) 文本缩进

(5) 行间距

(6) 文本换行

2. CSS的引入方式

(1) 行内样式表

(2) 内部样式表

(3) 外部样式表

3. CSS的复合选择器

(1) 后代选择器

(2) 子代选择器

(3) 并集选择器

(4) 伪类选择器

4. CSS的元素显示模式

块元素特点

1、自己独占一行

2、高度宽度可以自由设置

3、宽度默认是父级宽度的100%

4、块级元素内可以放行内元素、行内块元素或者块元素

5、文字类的元素中不要使用块元素（如果使用会造成语义混乱）

行内元素特点

1、相邻的行内元素在一行上显示，一行可以显示多个

2、宽和高设置无效

3、默认的宽度是它本身内容的宽度

4、行内元素只能容纳文本或者其他行内元素

行内块元素特点

1、相邻的行内块元素在一行上显示，但是它们之间会有空白间隙。（行内元素特点）

2、宽高可以设置（块级元素特点）

3、默认宽度是它本身内容的宽度（行内元素的特点）

元素模式的转换

转换为块元素：display:block;

转换为行内元素：display:inline;

转化为行内块元素：display:inline-block;

5.Emmet语法

21：00—23：00

1．完成css“华为导航栏案例”作业。

2．复习记忆今天所学习的内容。

预习CSS的背景以及CSS的三大特性部分。

欢迎光临菁英数字科技（猩码）-猩码学苑-专注软件开发人才菁英教育 (http://www.xingmaxueyuan.com/)