1、字体图标的引用

通过link标签引入本地的css外部资源或通过在线链接引用,并通过给元素增加class的方式来使用iconfont图标。

2、布局的原则、元素的排列方式与元素类型

布局的原则共分为两种:1、水平排列 2、垂直排列
元素的排列方式共分为两种 一种是块级元素 默认独占一行,另一种是内联元素以水平方向排列超出宽度后自动换行
元素类型 可以通过display属性来修改 block块级元素、inline内联元素、inline-block行块元素(内联元素可以具备块级元素的属性,例如宽度、高度)

3、盒模型

盒模型共分为 内容区域、内边框、边框、外边框四种属性
margin 外边框
padding 内边框
border 边框

4、box-border解决了什么问题

box-border:border-box 属性 解决了在给元素增加padding和border的时候容器宽高增加的问题,增加了box-border属性后无论怎样增加padding和border 元素设置的宽高都不会改变。

更多相关文章

  1. 图标以及盒模型
  2. 字体图标的用法和布局的原则与元素
  3. php学习第四天
  4. html字体图标及盒模型练习
  5. 图标使用、盒模型、box-sizing、百分比布局vm vh
  6. 前端作业-CSS1
  7. 简述事件委托(事件代理)
  8. html元素table练习
  9. PHP算法

随机推荐

  1. Android(安卓)中 shape 图形的使用
  2. 删除Android工程中冗余资源
  3. Android(安卓)学习 之 API文档汇总(不断更
  4. android性能测试方法
  5. Android(安卓)- Unparsed aapt error(s)
  6. Android获取软键盘输入内容
  7. Android作为Socket服务器端
  8. Android Handler机制剖析
  9. Android实现XML解析技术
  10. 从 Windows 到 Android: 威胁的持续迁移