【课程内容】

第一天

01-行内样式
02-内嵌式
03-外部样式表
04-字体大小
05-设置字体库
06-字体是否加粗
07-字体是否倾斜
08-字体的连写属性
09-标签选择器
10-类选择器
11-id选择器
12-命名规则
13-通配符选择器
14-后代选择器
15-子代选择器
16-交集选择器
17-并集选择器
18-a标签的伪类选择器
19-位置伪类选择器
20-作业应该怎么做

第二天

01-复习
02-京东选择器练习
03-作业练习
04-层叠性
05-继承性
06-优先级顺序
07-权重的计算
08-行高属性
09-文本水平对齐方式
10-首行缩进
11-颜色半透明
12-背景的相关属性
13-背景的连写方式
14-背景图片的缩放
15-多背景的设置
16-选项列表
17-分组标签
18-新增的type属性值
19-新增的属性值

第三天

01-复习
02-目标伪类选择器
03-属性选择器
04-文本伪元素选择器
05-before与after伪元素
06-文本修饰标签
07-块级元素
08-行内元素
09-行内块
10-元素的显示模式转换
11-盒子是什么
12-盒子模型是什么
13-边框的学习
14-边框的拓展
15-内边距
16-新浪导航
17-什么是内容
18-margin的简单使用
19-盒子水平居中的方式
20-清除内外边距
21-垂直塌陷
22-包含塌陷
23-margin的共享
24-行内元素的特殊性
25-盒子的真实宽高
26-盒模型

第四天

01-初始化代码
02-用户信息模块
03-登录工具条
04-登录模块完成
05-浮动的初衷
06-浮动的特点
07-行内元素浮动之后
08-浮动布局练习
09-版心布局
10-通栏平均布局
11-浮动所带来的影响
12-高度法
13-overflow清除方法
14-clear属性
15-额外标签法
16-单伪元素清除浮动影响
17-双伪元素清除浮动影响

第五天

01-作业demo1
02-导航demo
03-初始化代码
04-logo模块
05-一半的导航
06-导航栏模块
07-搜索框模块
08-个人中心模块
09-主体部分的背景
10-课程列表
11-选择的小圆点
12-我的课程表模块
13-精品推荐
14-介绍的网站

第六天

01-什么是定位的相关属性
02-静态定位
03-固定定位
04-对联练习
05-绝对定位
06-相对定位
07-绝对定位的小练习
08-定位盒子的居中方式
09-定位的盒子的层叠次序
10-负边距与层级的应用
11-元素的隐藏
12-图片圆角处理
13-logo模块
14-搜索框
15-购物车模块
16-二维码模块
17-热词推荐
18-导航栏模块
19-广告模块

第七天

01-鼠标样式
02-外轮廓线与文本域拖拽
03-清除图片的底部空白间隙
04-标签的嵌套规则
05-处理超出文字
06-精灵图的诞生原因
07-精灵图的使用
08-精灵图小练习
09-字体图标
10-如何找到想要的字体图标
11-利用类名添加字体图标
12-利用字体编码设置字体图标
13-滑动门的猜想
14-初级滑动门
15-高级滑动门
16-究极滑动门
17-滑动门导航栏

第八天

01-过渡是什么
02-过渡初体验
03-2d平移属性
04-完美的居中方式
05-缩放属性
06-旋转属性
07-旋转吧楚乔
08-倾斜属性
09-x轴旋转
10-y轴旋转
11-旋转吧丁天的前任
12-z轴的旋转
13-3d平移
14-背面隐藏
15-动画初体验
16-灵车漂移
17-弹性布局初体验
18-主轴的方向
19-主轴的对齐方式
20-侧轴对齐方式
21-侧轴的对齐方式与一行显示
22-多行对齐方式
23-排列次序调整

京东项目

01-用户的信息模块
02-新闻模块
03-服务模块完成
04-秒杀的左半部分
05-倒计时模块
06-秒杀列表