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

 

posted on 2017-12-24 17:01  sgaogao  阅读(284)  评论(0编辑  收藏  举报