css_0701作业

作业内容:

1. 实例演示字体图标的用法;

a、进iconfont.cn网站下载素材,添加到项目
b、引入fontclass代码
c、挑选相应图标并获取类名应用于页面

2. 按自己理解写一下布局的原则与元素的默认排列方式与元素类型?

a 、页面布局原则:页面元素按默认文档流排列,先水平后垂直
b、行内元素并排显示
c、块级元素独占一行显示

3. 盒模型常用属性有哪些,实例演示;

  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <title></title>
  6. <style type="text/css">
  7. #box {
  8. width: 400px;
  9. height: 400px;
  10. padding: 20px;
  11. margin: 10px;
  12. border: 2px solid red;
  13. }
  14. </style>
  15. </head>
  16. <body>
  17. <div id="box">
  18. </div>
  19. </body>
  20. </html>

4. 图示: box-sizing属性的解决了什么问题?

box-sizing:border-box 计算盒子大小时,将内边距与边框全部计算在内,所以width和height就是最终大小,从而简化布局。