Html和css的拾遗

212 阅读3分钟

一起养成写作习惯!这是我参与「掘金日新计划 · 4 月更文挑战」的第1天,点击查看活动详情

一.表格标签

  1. align(left,right,center)规定表格相对周围元素的对齐方式
  2. border(1或"")规定表格单元是否拥有边框,默认为"",表示没有边框
  3. cellpadding(像素值)规定单元边沿与其内容之间的空白,默认为1像素
  4. cellspacing(像素值)规定单元格之间的空白,默认2像素
  5. width/height(像素值或百分比)规定表格的宽度/高度

二.合并单元格

合并单元格方式:

  1. 跨行合并:rowspan="合并单元格个数",目标单元格为最上侧单元格
    
  2. 跨列合并:colspan="合并单元格个数",目标单元格为最左侧单元格
    

方法: 先确定目标是跨行还是跨列 找到目标单元格,写上合并方式=合并的单元格数量。比如<td colspan="2"></td> 然后删除多余的单元格即可

三.文本属性

文本颜色:
  1. 预定义颜色:red,green,blue
    
  2. 十六进制:#FF0000,#FF6600,#29D794
    
  3. 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; 背景平铺
  1.     repeat背景图像在纵向和横向上平铺
    
  2.     no-repeat背景图像不平铺
    
  3.     repeat-x背景图像在横向上平铺
    
  4.     repeat-y背景图像在纵向上平铺
    
  5.     默认情况下背景图片是平铺的
    
位置参数

参数是方位名词

  1.     如果指定的两个值都方位名词,则两个值前后的顺序无关,比如left toptop  left;
    
  2.     如果只指定了一个方位名词,另一个值省略,则第二个值默认居中
    

参数是精确坐标 (用像素值表示)

  1. 如果参数值是精确坐标,那么第一个肯定是x坐标,第二个一定是y坐标
  2. 如果只指定一个数值,那该数值一定是x坐标,另一个默认垂直居中如果方位和精确混合用,则第一个值是x坐标,第二个值是y坐标

快速生成HTML语法:

  1. 生成标签直接输入标签名按tab键即可
  2. 如果想要生成多个相同的标签,加上就可以了,例如:div3
  3. 如果有父子级关系,可以用>,比如ul>li
  4. 如果有兄弟关系的标签,用+就可以了,比如div+p
  5. 如果生成带有类名或者id名字的,直接写.demo或者#two tab键就可以了
  6. 如果生成的div类名是有顺序的,可以用自增符号,:.demo,例:.demo*5
  7. 如果想要在生成的标签内部写内容可以用{}表示,例:div{我今天真开心呢}