表格:由<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的标签的类中