CSS 目录记录
day01
01-(了解)课程体系的介绍.avi
02-(了解)邂逅软件开发.avi
03-(理解)网站-浏览器显示网页过程-浏览器开发者工具.avi
04-(理解)浏览器的内核分类.avi
05-(掌握)记事本开发第一个网页.avi
06-(掌握)VSCode的插件安装.avi
07-(掌握)VSCode重写第一个网页.avi
08-(掌握)认识HTML超文本标记语言.avi
09-(掌握)元素书写格式-元素的嵌套-元素关系.avi
10-(掌握)元素的属性写法.avi
11-(掌握)注释的使用-typora工具使用.avi
day02
01-(了解)今日内容介绍.avi
02-(理解)html元素的lang属性.avi
03-(掌握)head元素嵌套的元素.avi
04-(掌握)h元素-p元素-strong元素.avi
05-(理解)SEO和h元素之间的关系.avi
10-(知道)code-br-hr元素.avi
11-(掌握)字符实体的使用.avi
12-(掌握)字符实体的练习.avi
13-(掌握)span元素的使用.avi
14-(掌握)div元素的使用.avi
15-(掌握)img元素-相对路径和绝对路径.avi
16-(掌握)img元素的其他属性.avi
17-(掌握)a元素的基本使用.avi
18-(理解)iframe元素的使用.avi
19-(理解)iframe嵌入a元素的使用.avi
20-(掌握)a元素和base元素的使用.avi
21-(掌握)知识回顾和作业布置.avi
day03
01-(了解)今日内容概述.avi
02-(掌握)a元素的锚点链接.avi
03-(了解)a元素的伪链接.avi
04-(掌握)a元素和img元素结合.avi
05-(理解)URL的详细解析.avi
06-(理解)标签语义化的重要性.avi
07-(理解)CSS介绍-文档说明等.avi
08-(掌握)css引入的三种方式.avi
09-(掌握)css文件编码和import引入.avi
10-(了解)统配选择器的使用.avi
11-(掌握)元素选择器-class选择器-id选择器.avi
12-(掌握)CSS相关的细节.avi
13-(掌握)CSS常见的属性.avi
14-(掌握)网站添加div的outline属性.avi
15-(掌握)颜色设置的其他方式.avi
day04
01-(了解)今日内容概述.avi
02-(掌握)text-decoration的使用.avi
03-(了解)text-transform的使用.avi
04-(掌握)text-indent的使用.avi
05-(掌握)text-align的使用.avi
06-(掌握)font-size的使用.avi
07-(掌握)font-family的使用.avi
08-(掌握)font-weight的使用.avi
09-(掌握)font-style的使用.avi
10-(了解)font-varient的使用.avi
11-(掌握)line-height的理解和应用.avi
12-(掌握)font缩写属性的使用.avi
13-(掌握)属性选择器的使用.avi
14-(掌握)后代和子代选择器的使用.avi
15-(掌握)后代选择器的补充内容.avi
16-(掌握)交集和并集选择器的使用.avi
17-(掌握)回顾和作业.avi
day05
01-(理解)目标和元素状态伪类.avi
02-(掌握)动态伪类的使用.avi
03-(理解)伪类选择器注意事项.avi
04-(理解)已访问链接的疑惑.avi
05-(掌握)结构伪类-nth-child-数字.avi
06-(掌握)结构伪类-nth-child-n.avi
07-(掌握)交集选择器和后代选择器的区别.avi
08-(掌握)结构伪类-nth-last-child.avi
09-(掌握)结构伪类-nth-of-type.avi
10-(掌握)结构伪类-其他伪类补充.avi
11-(掌握)结构伪类-否定伪类.avi
12-(了解)否定伪类案例解析.avi
13-(了解)first-line和first-letter.avi
14-(掌握)before和after的使用.avi
15-(掌握)Emmet-生成子代和兄弟元素.avi
16-(掌握)Emmet-多个和上一层和分组.avi
17-(掌握)Emmet-属性和内容和数字.avi
18-(掌握)Emmet-隐式标签.avi
19-(掌握)Emment-css属性写法.avi
20-(了解)课堂内容总结.avi
day06
01-(了解)今日内容概述.avi
02-(掌握)css特性-继承的特性解析.avi
03-(掌握)css特性-继承的注意事项.avi
04-(掌握)css特性-层叠和权重比较.avi
05-(理解)CSS特性知识总结.avi
06-(掌握)有序-无序-定义列表.avi
07-(掌握)列表-常见的属性.avi
08-(掌握)表格-table的基本使用.avi
09-(理解)表格-tr和td相关属性设置.avi
10-(掌握)表格-边框合并属性.avi
11-(掌握)表格-表格其他元素使用.avi
12-(掌握)表格-单元格合并的演练.avi
13-(掌握)表格-单元格合并的练习.avi
14-(了解)表格-border-spacing的使用.avi
15-(掌握)表单-表单元素的基本使用.avi
16-(掌握)表单-fieldset和legend使用.avi
17-(掌握)表单-type的其他属性.avi
18-(了解)内容总结和作业.avi
day07
01-(了解)day07今日概述.avi
02-(掌握)学历-简介-重置的实现.avi
03-(掌握)input元素的其他属性.avi
04-(掌握)button的两种实现方式.avi
05-(掌握)模拟百度搜索功能.avi
06-(掌握)input和label的关系.avi
07-(掌握)input的外边框-outline.avi
08-(掌握)textarea相关的属性和样式.avi
09-(掌握)select和option的属性细节.avi
10-(掌握)表单提交的两种方式分析.avi
11-(掌握)input的name和value作用.avi
12-(掌握)form提交的请求方式GET-POST.avi
13-(掌握)form的target属性和accept-charset.avi
14-(掌握)form的文件上传类型.avi
15-(理解)form中enctype的上传文件.avi
16-(掌握)元素类型的划分方式.avi
17-(掌握)display属性的四个取值.avi
18-(掌握)display练习-邮箱列表.avi
19-(掌握)课堂内容总结和作业.avi
day08
01-(了解)day08内容概述.avi
02-(理解)display属性值的补充.avi
03-(掌握)display练习-分页列表.avi
04-(掌握)查看元素的hover状态.avi
05-(掌握)visibility属性的使用.avi
06-(掌握)overflow属性的使用.avi
07-(掌握)行内级元素之间的空格.avi
08-(理解)元素之间的嵌套关系.avi
09-(掌握)多角度盒子模型的理解.avi
10-(掌握)盒子模型_content相关属性.avi
11-(掌握)盒子模型_padding相关属性.avi
12-(理解)word-break属性的使用.avi
13-(掌握)盒子模型_margin相关属性.avi
14-(掌握)上下margin的传递-父子关系.avi
15-(掌握)上下margin的折叠-兄弟关系.avi
16-(掌握)盒子模型_border基本演练.avi
17-(掌握)盒子模型_border-style的取值.avi
18-(掌握)盒子模型_border实现形状.avi
19-(掌握)行内元素的margin-padding-border.avi
20-(掌握)圆角效果border-radius.avi
21-(了解)day08内容回顾和作业.avi
day09
01-(了解)day09内容概述.avi
02-(掌握)元素的外轮廓-outline.avi
03-(掌握)元素的阴影效果-box-shadow.avi
04-(掌握)元素的阴影练习.avi
05-(理解)文字的阴影效果-text-shadow.avi
06-(掌握)盒子尺寸-box-sizing.avi
07-(掌握)水平居中-不同情况分析.avi
08-(掌握)margin水平居中的原理.avi
09-(掌握)背景-background-image-repeat.avi
10-(理解)margin的auto值官方文档阅读.avi
11-(掌握)background-repeat的练习l.avi
12-(掌握)background-size的使用.avi
13-(掌握)background-position的使用.avi
14-(理解)CSS-Sprite的认识和作用.avi
15-(掌握)京东案例练习-多快好省01.avi
16-(掌握)京东案例练习-多快好省02.avi
17-(掌握)背景居中-梦幻西游练习.avi
18-(理解)background-attachment的使用.avi
19-(掌握)background的缩写属性.avi
20-(理解)img和background-image的选择.avi
21-(了解)day09内容回顾和作业.avi
day10
01-(了解)day10内容概述.avi
02-(掌握)光标的展示样式-cursor.avi
03-(理解)标准流概念的理解.avi
04-(掌握)定义position的值解析.avi
05-(掌握)相对定位-代码演练.avi
06-(掌握)相对定位-练习01.avi
07-(掌握)相对定位-练习02-mhxy.avi
08-(掌握)固定定位-代码演练.avi
09-(掌握)脱离标准流元素的display.avi
10-(掌握)固定定位练习-考拉侧栏.avi
11-(掌握)绝对定位-代码演练.avi
12-(掌握)绝对定位-考拉练习01.avi
13-(掌握)绝对定位-考拉练习-二维码01.avi
14-(掌握)绝对定位-考拉练习-二维码02.avi
15-(掌握)绝对定位-考拉练习-二维码03.avi
16-(掌握)绝对定位的公式应用.avi
17-(掌握)定位元素的层叠关系z-index.avi
18-(掌握)day10内容回顾和作业.avi
day11
01-(了解)day11内容概述.avi
02-(理解)float的认识和应用场景.avi
03-(掌握)浮动的理解-规则一.avi
04-(掌握)浮动的理解-规则二.avi
05-(掌握)浮动的理解-规则三.avi
06-(掌握)浮动的理解-前面规则的现象.avi
07-(掌握)浮动的理解-规则四和五.avi
08-(掌握)浮动的理解-规则六.avi
09-(掌握)浮动的总结和应用.avi
10-(掌握)浮动的布局-京东案例01.avi
11-(掌握)浮动的布局-京东案例02.avi
12-(掌握)多出margin的处理方式.avi
13-(理解)最后一个元素的margin处理方法.avi
14-(掌握)浮动的布局-京东案例03.avi
15-(掌握)浮动的布局-考拉案例01.avi
16-(掌握)浮动的布局-考拉案例02.avi
17-(掌握)浮动的布局-考拉案例03.avi
18-(了解)day11内容回顾和作业.avi
day12
01-(了解)day12今日内容概述.avi
02-(掌握)浮动高度坍塌-清浮动.avi
03-(理解)定位和浮动的应用场景.avi
04-(掌握)transform-translate使用.avi
05-(掌握)transform-scale使用.avi
06-(掌握)transform-origin使用.avi
07-(掌握)transform-rotate使用.avi
08-(掌握)transform-skew使用.avi
09-(掌握)transition过渡动画.avi
10-(理解)vertical-align-行盒的理解.avi
11-(掌握)vertical-align值的理解.avi
12-(掌握)考拉项目-目录结构划分.avi
13-(掌握)考拉项目-css的reset和引入.avi
14-(掌握)考拉项目-页面结构和样式划分.avi
15-(掌握)考拉项目-顶部广告居中实现.avi
16-(掌握)考拉项目-导航右侧的内容.avi
17-(掌握)考拉项目-导航左侧的内容.avi
18-(掌握)考拉项目-导航右侧的细节调整.avi
19-(掌握)考拉项目-logo的内容和居中.avi
20-(掌握)考拉项目-搜索框的实现.avi
21-(了解)day12内容回顾和作业.avi
day13
01-(理解)day13内容概述.avi
02-(掌握)顶部的tabbar布局和颜色渐变.avi
03-(掌握)三个横线图标的实现.avi
04-(了解)如何学好HTML和CSS.avi
05-(掌握)顶部的tabbar列表展示.avi
06-(掌握)轮播图的显示和居中.avi
07-(理解)transform对行内元素无效.avi
08-(掌握)分类列表的基础结构和布局.avi
09-(掌握)分类列表的细节样式完成.avi
10-(掌握)问题总结和bug调试技巧.avi
11-(掌握)高斯模糊的实现方案.avi
12-(掌握)轮播图控制按钮的展示.avi
13-(掌握)轮播图的指示器展示.avi
14-(掌握)热门品牌的布局实现.avi
15-(了解)day13内容回顾.avi
day14
01-(了解)day14内容概述.avi
02-(掌握)热门品牌-左侧内容展示.avi
03-(掌握)热门品牌-品牌内容展示.avi
04-(掌握)热门品牌-品牌内容动画效果.avi
05-(掌握)热门品牌-细节的补充.avi
06-(理解)HTML5和CSS3的概念理解.avi
07-(掌握)HTML5新增语义化元素.avi
08-(掌握)HTML5多媒体元素-video.avi
09-(掌握)HTML5多媒体元素-video补充.avi
10-(掌握)HTML5多媒体元素-audio.avi
11-(掌握)HTML5对表单元素扩展.avi
12-(掌握)flex布局-认识flex布局重要概念.avi
13-(掌握)flex布局-认识flex的布局模型.avi
14-(掌握)flex-container属性-flex-direction.avi
15-(掌握)flex-container属性-justify-content.avi
16-(掌握)flex-container属性-align-items.avi
17-(掌握)flex-container属性-flex-wrap.avi
18-(掌握)flex-container属性-flex-flow.avi
19-(掌握)flex-container属性-align-content.avi
20-(理解)flex-items属性-order.avi
21-(理解)flex-items属性-align-self.avi
22-(掌握)flex-items属性-flex-grow.avi
23-(掌握)flex-items属性-flex-shrink.avi
24-(掌握)flex-items属性-flex-basis.avi
25-(掌握)flex-items属性-flex.avi
26-(了解)day14内容总结和作业.avi
day15
01-(了解)day15作业回顾和内容概述.avi
02-(掌握)网络字体的使用.avi
03-(理解)字体图标的原理和阿里icon库.avi
04-(掌握)字体图标的使用.avi
05-(掌握)图片使用方式的总结.avi
06-(掌握)关键帧动画的使用.avi
07-(掌握)页面动画实现方案.avi
08-(掌握)transform多个值的使用.avi
09-(理解)浏览器前缀如何添加.avi
10-(理解)为什么需要浏览器前缀.avi
11-(掌握)文字省略号的显示.avi
12-(掌握)移动端适配-视口的设置.avi
13-(掌握)不同的单位相对谁.avi
14-(掌握)rem单位的使用.avi
15-(掌握)rem如何进行移动端适配.avi
16-(理解)less的基本使用.avi
17-(了解)HTML和CSS内容回顾.avi
