1. 表格属性
属性名称用途取自border-collapse设置或检索表格的行和单元格的边是合并还是独立。separate: 边框独立 collapse: 相邻边被合并border-spacing边框独立时,单元格与单元格之间的间距数字,不允许负值empty-cells设置或检索当表格的单元格无内容时,是否显示该单元格的边框。hide:隐藏该单元格的边框。 show:显示该单元格的边框。
表格属性
separate--边框独立separate--边框独立separate--边框独立collapse--相邻边被合并collapse--相邻边被合并
![d36f273c5b3534b6bbcd938bca1548d0.png](https://i-blog.csdnimg.cn/blog_migrate/28a3810568febd8b39462dc180070965.jpeg)
2. 布局属性
属性名称用途取值display设置或检索对象是否及如何显示。none: 隐藏对象。不为被隐藏的对象保留其物理空间
block: 指定对象为块元素visibility定义了元素是否可见visible: 设置对象可视 保留物理空间
hidden: 设置对象隐藏
collapse: 主要用来隐藏表格的行或列。隐藏的行或列能够被其他内容使用。对于表格外的其他对象,其作用等同于hidden。float定义了元素向左或者向右浮动放置none: 设置元素不浮动
left: 设置元素浮在左边
right: 设置元素浮在右边
我将出现在屏幕右方1
我将出现在屏幕右方2
![]()
![29c7f9fa253bbfe6178b32135101985c.png](https://i-blog.csdnimg.cn/blog_migrate/84937b47ba87129d6f3e00c644ba6ee4.jpeg)
3. 定位属性
属性名称用途取值position指定一个元素在文档中的定位方式。static:默认。
relative:相对定位[对象遵循常规流,不会影响常规流中的任何元素]
absolute:绝对定位 [对象脱离常规流]top定义了元素的上外边距边界与其包含块上边界之间的偏移数字,不允许负值right定义了元素的右外边距边界与其包含块右边界之间的偏移数字,不允许负值bottom定义了元素的底外边距边界与其包含块底边界之间的偏移数字,不允许负值left定义了元素的左外边距边界与其包含块左边界之间的偏移数字,不允许负值z-index定义一个元素在文档中的层叠顺序数字【数值越大就会在最上面】
z-index:1
z-index:2
z-index:3
z-index:4
![079e1068fa1cab1755788b838fa86fa1.png](https://i-blog.csdnimg.cn/blog_migrate/3d88c8e7aefd36872e0f037faf1551e9.jpeg)
变换属性设置
2D Transform Functions:
matrix(): 【矩阵变换】以一个含数值的(a,b,c,d,e,f)变换矩阵的形式指定一个2D变换,相当于直接应用一个[a,b,c,d,e,f]变换矩阵
translate(): 指定对象的2D translation(2D平移)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认值为0
scale(): 指定对象的2D scale(2D缩放)。第一个参数对应X轴,第二个参数对应Y轴。如果第二个参数未提供,则默认取第一个参数的值
rotate()指定对象的2D rotation(2D旋转),需先有 <’’ transform-origin '> 属性的定义
3D Transform Functions:
matrix3d(): 以一个4x4矩阵的形式指定一个3D变换
translate3d():
指定对象的3D位移。第1个参数对应X轴,第2个参数对应Y轴,第3个参数对应Z轴,参数不允许省略
rotate3d(): 指定对象的3D旋转角度,其中前3个参数分别表示旋转的方向x,y,z,第4个参数表示旋转的角度,参数不允许省略
scale3d(): 指定对象的3D缩放。第1个参数对应X轴,第2个参数对应Y轴,第3个参数对应Z轴,参数不允许省略
2D变换
![0a78c1dd221fdb69583b099990753208.png](https://i-blog.csdnimg.cn/blog_migrate/32963f061e2c3a704ac83cb9e0c3cf8b.jpeg)