字体图标引用

1、进入iconfont官网,并且使用新浪微博账号登录。
2、搜索想要的字体图标的名称,然后挑选喜欢的字体图标。添加到购物车。可以将所有喜欢的图标批量打包下载。

3、下载完成后,解压到项目文件夹里,并且重命名font_icon文件夹中的demo_index.html查看需要图标的代码


4、在编辑器中引入iconfont.css文件

5、打开font_icon文件夹中的demo_index.html查看需要图标的代码

6、在编辑器中粘贴官方提供的获取代码。根据不同的图标,填写不同的名称即可引用。

7、效果图

伪类选择器将无序列表设置成交替颜色效果

1、先写出无序列表,并且去掉前面的·以及内边距、外边距。

2、去掉样式以及边距

3、使用伪类选择器选中无序列表,并且使用公式将计数和偶数行改为不同的颜色。

4、实现效果

布局理解

布局,无非就是从左到右,从上到下。
每个元素相互堆起来的。块级元素独占一行。
盒模型:内容-padding(内边距)-margin(外边距)。
想调整一个块级元素里面的内容位置用内边距。想调整块级与块级之间的距离用外边距。

更多相关文章

  1. 字体图标 盒模型作业
  2. 字体图标引用、网页布局与元素排列、盒模型使用
  3. 字体图标、布局原理一级盒模型实例操作
  4. 图标,布局,元素类型,盒子模型
  5. 字体图标、布局原理以及盒模型实例操作及思考
  6. 字体图标的使用和盒模型的理解与box-sizing解决了什么问题以及布
  7. 7/30号作业
  8. 盒模型与字体图标使用
  9. 字体图标用法与盒模型页面布局

随机推荐

  1. android一些不常用的事件
  2. Android第二十六课 调试模式 file.exits
  3. 2018-09-20~2018-09-21 Google Developer
  4. android性能优化-渲染-嵌套标签
  5. Android 网络链接,不要忘记添加网络权限。
  6. Android 屏保源码
  7. RxJava使用(一)基本使用
  8. Android动画
  9. 布局(1、线性布局)
  10. ListPreference