Day1
CSS的盒子模型:万物皆盒子
内边距
padding-top
padding-right
padding-bottom
padding-left
外边距
margin-top
margin-right
margin-bottom
margin-left
D2,3
CSS的绝对定位
position absulte
top:控制距离顶部的位置
left:控制距离左边的位置
步骤分析:1.第一部分为logo部分
2.第二部分为导航栏部分
3.第三部分为注册部分
4.第四部为FOOTER图片
5.第五部分为一堆超链接
Day4
CSS:层叠样式表
CSS的作用:美化页面,提高代码的复用性
选择器
元素选择器:标签的名称
类选择器:以.开头
ID选择器:以#开头
扩展选择器
选择器分组:选择器1选择器2选择器3
后代选择器:爷爷孙子 中间以空格隔开
子元素选择器:爸爸>儿子
属性选择器:选择器{属性的名称}
伪类选择器:超链接标签上使用
D5
CSS的浮动:浮动的元素会脱离正常的文档流,在正常的文档流中不占空间
float属性
left:左边浮动
right:右边浮动
流式布局:能够更清晰的看到页面
clear属性:清除浮动
both:两边都不许浮动
D6
外部样式:通过link标签引入一个外部的css文件
内部样式:直接在style标签内编写一个css代码
行内样式:直接在标签内编写一个style属性,编写css样式