表格 + 阿里图标

表格：由<table>标签来定义

每个表格均有若干行（由<tr>标签定义）<tr></tr>

每行被分割为若干单元格（由<td>标签定义）<td></td>

数据单元格可以包含：（文本，图片，列表，段落，表单，表格）等等

<table>
    <tr><td>1-1</td><td>1-2</td></tr>    
    <tr><td>2-1</td><td>2-1</td></tr>
</table>

<table>的默认特征

单元格默认平分table的宽度

th里面的内容默认加粗并且左右上下居中

td里面的内容默认上下居中左右对齐显示

table决定了整个表格的宽度

table里面的单元格宽度会被转换成百分比

表格里面的每一列必须有宽度

表格同一列/行会继承最大值

th，td没有magrin属性

 

CSS表格样式

表格边框（border）

合并边框（border-collapse:collapse）

表格宽度和高度（width，height）

表格文本对齐（text-align）

colspan="2" 表格单元横跨两列的表格（合并两列）

rowspan="2" 表格单元横跨两行的表格（合并两行）

 

display:table特征

table的标签类型：display:table；

支持margin:auto；

默认内容撑开宽度；

支持宽高；表格前后带有换行符；

 

CSS继承：特定的csss属性向下传递到子元素

默认继承的有

color；font:small-caps italic bold 50px/100px 'microsoft yahei'；

text-align；text-indent；letter-spacing；word-spacing；list-style；

a标签的color值不继承

默认不继承的给属性加inherit

 

阿里图标搜索下载

1，打开阿里图标官网http://www.iconfont.cn/plus 注册登录

2，找到导航栏中的---图标库---下方的---官方图标库---

3，搜素查找想要的图标，鼠标箭头放到任意一个图标上会出现---添加入库--，

执行此操作，全部添加之后顶部导航中有---购物车图标---

4，若选中下面的---添加到项目---可以保存方便下次使用，可以和之前添加图标合并

5，若选中下载就直接下载

 

阿里图标使用

1，下载后解压，然后把所有文件放在一个文件夹iconfont中

2，在html文档中用link标签引入iconfont.css

3，需要使用阿里图标的标签中添加类名iconfont

4，打开demo_fontclass.html，找到要添加的图标复制图标名字，添加至

写了iconfont的标签的类中

 

转载于:https://www.cnblogs.com/sgaogao/p/8098517.html