前端基础二天笔记.pptx

CSS基础第二天-DAY04

Top课程内容1、元素的三种显示方式和区别（重点）2、CSS复合选择器的使用3、CSS伪类选择器4、CSS的背景属性（重点）5、CSS三大特性:层叠性，继承性，优先级（重点）

1.1今日主线课程信息课程时长：2分钟课程名称：今日主线avi课程详情CSS内部样式的书写方式style/style

3.3后代选择器（最常用）课程信息课程时长：9分钟课程名称：后代选择器.avi问答与练习选择嵌套关系的子元素后代选择器：选择器（父级）选择器（后代）

4.1子元素选择器课程信息课程时长：4分钟课程名称：子元素选择器.avi问答与练习子元素选择器：只能选中子一级元素

3.1交集选择器课程信息课程时长：5分钟课程名称：交集选择器.avi问答与练习标签.类名标签#id名既是….又…..只针对满足条件的部分元素，选择很精确

3.2并集（分组）选择器课程信息课程时长：6分钟课程名称：并集选择器.avi问答与练习div,p,h1{…..},xx和xx我们的分组选择器一般用于集体声明，用于设置相同的样式

4.2课堂练习-测试题课程信息课程时长：8分钟课程名称：课堂练习-测试选择器avi问答与练习

5.3链接伪类选择器(上)（重点）课程信息课程时长：9分钟课程名称：链接伪类选择器的使用avi问答与练习a：link鼠标没有点击过的样式：visited鼠标点击过的样式：hover鼠标经过显示的样式(最常用)：active鼠标按下显示的样式

1.2链接伪类选择器（下）课程信息课程时长：8分钟课程名称：链接伪类选择器（下）.avi课程详情设置顺序：l-v-h-a

1.3复合选择器总结课程信息课程时长：4分钟课程名称：复合选择器总结.avi课程详情

1.4什么是标签显示模式课程信息课程时长：4分钟课程名称：什么是标签显示模式.avi问答与练习标签以什么方式进行显示，比如div自己占一行，比如span一行可以放很多个

2.1块级元素显示模式课程信息课程时长：8分钟课程名称：块级标签显示模式.avi问答与练习块级元素的显示方式及其特点1.独占一行2.可以设置宽度和高度3.默认宽度是100%父元素4.可以用来容纳其他任何元素

2.2行内元素显示模式课程信息课程时长：5分钟课程名称：行内标签显示模式avi答与练习行内元素的显示模式及其特点1.行内元素可以在同一行显示2.行内元素无法设置宽度和高度3.默认的宽度和高度是行内元素的内容大小4.行内元素只能容纳行内元素或者文本a、span、与文本有关的一些标签注意：a标签不能嵌套a标签，p、h、dt标签不能嵌套其他块级元素

2.3行内块元素课程信息课程时长：3分钟课程名称：行内块元素.avi问答与练习行内块元素的显示模式及特点1.可以同一行显示，但是会有一个白色的小缝隙（距离）2.可以设置宽高3.默认大小是内容大小Imginputtd

4.3三种显示模式总结*课程信息课程时长：2分钟课程名称：三种显示模式总结.avi

2.4显示模式转换课程信息课程时长：7分钟课程名称：显示模式转换.avi问答与练习如何转换元素的显示模式？display：block块级元素display:inline行内元素display:inline-block;行内块元素

4.4简单导航栏案例课程信息课程时长：7分钟课程名称：简单导航栏案例.avi问答与练习作业

4.5行高的测量课程信息课程时长：5分钟课程名称：行高的测量.avi问答与练习文字的基线到基线的距离称之为行高,但是我们自己去测量的时候,可以测量文字的底线到底线的距离,或者顶线到顶线的距离

4.6单行文本垂直居中课程信息课程时长：5分钟课程名称：单行文本垂直居中.avi问答与练习行高等于盒子的高度,文字可以在盒子中垂直居中行高小于盒子的高度,文字偏上显示行高大于盒子的高度,文字偏下显示

5.2背景颜色图片课程信息课程时长：7分钟课程名称：背景颜色图片.avi问答与练习background-color：背景颜色background-image：背景图片设置背景图片的盒子必须要又宽度和高度!

5.1背景平铺课程信息课程时长：3分钟课程名称：背景平铺.avi问答与练习background-repeat：no-repeatrepeat-xrepeat-y设置背景图片是否平铺

5.3背景位置（一）课程信息课程时长：8分钟课程名称：背景位置（一）avi问答与练习background-position:用于设置背景图片的位置方位名词没