一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第1天,点击查看活动详情。
一.表格标签
- align(left,right,center)规定表格相对周围元素的对齐方式
- border(1或"")规定表格单元是否拥有边框,默认为"",表示没有边框
- cellpadding(像素值)规定单元边沿与其内容之间的空白,默认为1像素
- cellspacing(像素值)规定单元格之间的空白,默认2像素
- width/height(像素值或百分比)规定表格的宽度/高度
二.合并单元格
合并单元格方式:
-
跨行合并:rowspan="合并单元格个数",目标单元格为最上侧单元格 -
跨列合并:colspan="合并单元格个数",目标单元格为最左侧单元格
方法:
先确定目标是跨行还是跨列
找到目标单元格,写上合并方式=合并的单元格数量。比如<td colspan="2"></td>
然后删除多余的单元格即可
三.文本属性
文本颜色:
-
预定义颜色:red,green,blue -
十六进制:#FF0000,#FF6600,#29D794 -
RGB代码:rgb(255,0,0),rgb(100%,0%,0%) 开发中最常用的是十六进制
文本对齐:
text-align属性用于设置元素内文本内容水平对齐方式(left,right,center)
装饰文本:
none默认,没有装饰线,underline下划线,overline上划线,line-though删除线
文本缩进:
text-indent: 20px;
四.图片背景
background-repeat: no-repeat; 背景平铺
-
repeat背景图像在纵向和横向上平铺 -
no-repeat背景图像不平铺 -
repeat-x背景图像在横向上平铺 -
repeat-y背景图像在纵向上平铺 -
默认情况下背景图片是平铺的
位置参数
参数是方位名词
-
如果指定的两个值都方位名词,则两个值前后的顺序无关,比如left top和top left; -
如果只指定了一个方位名词,另一个值省略,则第二个值默认居中
参数是精确坐标 (用像素值表示)
- 如果参数值是精确坐标,那么第一个肯定是x坐标,第二个一定是y坐标
- 如果只指定一个数值,那该数值一定是x坐标,另一个默认垂直居中如果方位和精确混合用,则第一个值是x坐标,第二个值是y坐标
快速生成HTML语法:
- 生成标签直接输入标签名按tab键即可
- 如果想要生成多个相同的标签,加上就可以了,例如:div3
- 如果有父子级关系,可以用>,比如ul>li
- 如果有兄弟关系的标签,用+就可以了,比如div+p
- 如果生成带有类名或者id名字的,直接写.demo或者#two tab键就可以了
- 如果生成的div类名是有顺序的,可以用自增符号*5
- 如果想要在生成的标签内部写内容可以用{}表示,例:div{我今天真开心呢}