[TOC]
> ### 背景
background-color //背景颜色
background-image //背景图片
background-repeat //背景重复
background-position //背景图片位置
background //参数列表:颜色 背景图片 重复设置 位置
> ### 文本
text-decoration //文本修饰(穿透,下划线,无...)
text-indent //首行缩进
font-weight //文本加粗(bold)
font-style //文本样式(斜体 italic)
font-size //文本大小
font-family: //字体样式(-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;)
> ### 链接
a:link{} //未访问
a:visited{} //已被访问
a:hover{} //鼠标悬停
a:active{} //点击那一刻
//*若单独设置几个链接,必须遵守如下规则:
a:hover 必须跟在 a:link 和 a:visited后面
a:active 必须跟在 a:hover后面
> ### 列表
list-style //列表样式 none |circle | disc |square (无,圆圈,默认,方形)
list-style-image //列表样式图片
> ### 表格
table,th,td{
border:1px solid #333;
}
table{
/* 边框折叠 */
border-collapse: collapse;
width:500px;
line-height: 50px;
text-align: center;
}
标签:
<table>
<thead>
<tbody>
<tr>
<th>
<td>
- 跨列属性
colspan
- 跨行属性
rowspan
跨越行的表格只能写在tbody中
> ### 继承
文本和字体相关样式可以继承
- 宽继承
子元素会继承父元素的宽度
- 高继承
父元素不设置高,它会获取子元素的高度
> ### 边界
margin: -1px;
display: flex|grid;
grid-template-columns: 1fr 1fr 1fr 1fe //自适应宽度
gird-template-rows
justify-content: space-evenly; //justify-content space-between space-evently