作业内容：

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">
  19.         </div>
  21.     </body>
  22. </html>

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

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

更多相关文章

  1. 实例演示flex容器和项目属性设置
  2. 属性访问器和dom元素的获取、遍历、增加
  3. 表单，框架，选择器，css的三种插入样式（内联，外部样式，元素中）
  4. 变量,常量,数据类型,实例演示+函数参数与返回值+匿名函数及箭头
  5. 访问器属性与dom元素获取
  6. 0701学习实战作业
  7. 三行三列的定位布局中演示QQ客服的固定定位
  8. 实例演示flex容器与项目中常用的属性
  9. 京东商城flex结构实例演示

随机推荐

  1. Android 系统及framework 概述
  2. A folder failed to be renamed or moved
  3. 浅析Android手机卫士接收短信指令执行相
  4. Android 动画标签——scale
  5. Android与JavaScript方法相互调用
  6. 修改 Android AVD 创建路径
  7. [APK破解]牛牛粤语学习机v1.6.4，积分1000，
  8. Android下的USB Host介绍和开发
  9. android中的坐标系以及获取坐标的方法
  10. 使用Android内部的DownloadProvider下载