每天一个html热知识

1. 图片带超链接

<a href="http://192.168.0.184:8080/WebReport/decision/login?origin=6952b632-b38c-4468-ab52-f5d28b9ee077">
	<img src="1.jpg" style="width: 100px; height: 100px; margin: auto;" /></a>

2. 图标扩展库
   https://www.iconfont.cn/
   扩展方法：https://blog.csdn.net/threelifeadv/article/details/105475428

3. 取色
   https://jingyan.baidu.com/article/f25ef2548e8544482c1b82b0.html
   rgba(0,0,0,0)

4. 超链接打开新的标签页

<a href="http://192.168.0.184:8080/WebReport/decision/login?origin=6952b632-b38c-4468-ab52-f5d28b9ee077" target=“_blank”>
	<img src="1.jpg" style="width: 100px; height: 100px; margin: auto;" /></a>

5. 响应式布局必备

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">

6. 数据表格分两种：方法渲染和自动渲染
   方法渲染：

<table id="Demo" lay-filter="test"></table>

var table = layui.table;
table.render({
	elem: '#Demo'  //id选择器
	,height: 315  //容器高度
	,cols: [{}]  //表头
});

自动渲染：

<table class="layui-table" lay-data="{height:315, url:'/domo/table/user/', page:true, id:'test'}" lay-filter="test"></table>
	<thead>
		<tr>
			<th lay-data="{field:'id', width:80, sort:true}">ID</th>
			<th lay-data="{field:'username', width:80}">用户名</th>
		</tr>
	</thead>
</table>

7. 数据表格参数
   参数 | 用处
   ------ | ------
   elem | 通过id选择table
   ------ | ------
   cols | 设计表头
   ------ | ------
   url | 异步数据接口
   ------ | ------
   width | 宽度，默认是跟随父元素铺满
   ------ | ------
   height | 表格高度
   ------ | ------
   done |
   ------ | ------
   totalRow | 合计行
   ------ | ------
   limit | 每页显示的条数
   ------ | ------
   page | 开启分页

8. lay-filter和id的区别
   lay-filter是用于区分的，相当于选择器一样。
   需求：需要按照类型和专业查询信息。所以需要两个单选框，进行选择。
   在单选框中，每一个都要加lay-filter用于区别两个单选框。
   https://blog.csdn.net/qq_43371004/article/details/105555089