ThinkChat2.0新版上线,更智能更精彩,支持会话、画图、阅读、搜索等,送10W Token,即刻开启你的AI之旅 广告
[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