案例(HTML+CSS):
百度首页
登录界面
宠物网站
月福首页
总结
1、“打地基” 项目准备:
index.html
css/index.css
images/xxx
2、“盖房” 搭建项目结构,完成内容:
<div>头部</div>
<div>主要内容</div>
<div>尾部</div>
经验:什么时候,使用p、div?
3、“装修” 完成CSS样式
经验:给所有的区块 加id header main footer等 id属性
由父标签 -> 子标签
由大的共同点 -> 小的共同点
用id标识 -> 多个子标签相同 ->使用类 2层
id -> 类 -> 多个不同的子标签 3层
可以审查元素 的时候直接看效果调试
首先去除一些自带的内外间距:
方式一:* 性能不好
方式二:
头部:div高度固定:
所有的子标签 居右:text-align: right;
垂直居中
主要内容:
尾部: