作业内容:
1. 实例演示字体图标的用法;
a、进iconfont.cn网站下载素材,添加到项目
b、引入fontclass代码
c、挑选相应图标并获取类名应用于页面
2. 按自己理解写一下布局的原则与元素的默认排列方式与元素类型?
a 、页面布局原则:页面元素按默认文档流排列,先水平后垂直
b、行内元素并排显示
c、块级元素独占一行显示
3. 盒模型常用属性有哪些,实例演示;
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
#box {
width: 400px;
height: 400px;
padding: 20px;
margin: 10px;
border: 2px solid red;
}
</style>
</head>
<body>
<div id="box">
</div>
</body>
</html>
4. 图示: box-sizing属性的解决了什么问题?
box-sizing:border-box 计算盒子大小时,将内边距与边框全部计算在内,所以width和height就是最终大小,从而简化布局。