首页 > 技术文章 > css 常用属性

finghi 2020-01-30 15:00 原文

css常用属性介绍

opacity:1;设置元素的不透明度

transfrom:设置元素运动

overflow:当内容溢出元素框发生的事情

box-sizing:允许以特定的方式定义某个区域的特定元素(content-box默认)(border-box)

vertical-align:设置元素的垂直对齐方式

white-space:规定段落中的文本不进行换行

text-overflow:当文本溢出包含元素时发生的事情

box-shadow:向边框设置一个或多个阴影

font-style:设置字体样式,如斜体

font-variant:设置小型大写字母字体

font-weight:规定字体的粗细

grid-columns:规定网格中每个列的宽度

grid-rows:规定网格中每个列的高度

list-style:属性在声明中设置所有的列表属性

clear:规定哪一侧不能有其他浮动元素

clip:裁剪绝对定位元素

cursor:规定要显示的光标的形状

display:规定元素生成框的类型

float:规定框是否浮动

position:static默认值,没有定位

absolute;生成绝对定位元素相对static定位以外的第一个父元素进行定位,元素通过left,top,right以及bottom进行定位。

fixed;生成绝对定位元素相对于浏览器窗口定位,元素位置同上

relative:生成相对定位元素相对其正常位置进行定位,因此left20会向元素位置添加20像素

visibility:规定元素是否可见(visible可见,默认)(hidden不可见)

z-index:设置元素堆叠顺序

css表格属性

border-collapse:规定是否合并表格边框

border-spacing:规定相邻单元格之间的距离

css文本属性

letter-spacing:设置字符间距

text-align:设置文本水平对齐方式

text-decoration:添加到文本的装饰效果(下划线,删除线)

text-indent:规定文本块首行缩进

text-shadow:添加到文本的阴影效果

text-transform:控制文本大小写

2D/3D转换属性(transform)

过度属性(transition)

transition-property:规定过度的css属性名称

transition-duration:定义过度效果花费的时间

transition-timing-function:规定过度效果的时间曲线(匀速,由块到慢)

transition-delay:规定过度效果何时开始

 


 

推荐阅读