资讯

展开

css常用属性

作者:快盘下载 人气:
 

去除列表样式;list-style: none;

去除超链接下划线;text-decoration: none;

字体大小;font-size

字体粗细;font-weight

文字倾斜;font-style;正常;默认值;;normal;倾斜;italic;

字体系列;font-family

字体font相关属性的连写;font;style weight size family;

文本缩进;text-indent;1em = 一个字的大小;

文本水平对齐;text-align

文本修饰;text-decoration;underline下划线;常用;、line-through删除线;

行高;line-height

背景色;background-color

背景图片;background-image

背景平铺;background-repeat;repeat;;默认值;水平和垂直方向都平铺 ;no-repeat;不平铺;repeat-x;沿着水平方向平铺;repeat-y;沿着垂直方向平铺;

背景位置;background-position

背景相关属性连写;background;color image repeat postion

内边距;padding

外边距;margin

边框;border

浮动;float

定位;position

垂直对齐方式;vertical-align

光标类型;cursor

边框圆角;border-radius

溢出部分显示;Overflow

透明;opacity

边框合并;border-collapse:collapse

设置背景图片的大小;background-size: 宽度 高度;

background连写;background: color image repeat position/size;

盒子阴影;box-shadow

过渡;transition ;all 1s

位移;transform: translate(水平移动距离,垂直移动距离);

旋转;transform:rotata(角度); 角度单位是deg

多重转换;旋转;位移;;transform:translate() rotate();

缩放;transform:scale(缩放倍数);

渐变;background-image: linear-gradien{颜色1;颜色2}

主轴对齐方式;justify-content

侧轴对齐方式;align-items

控制某个弹性盒子在侧轴的对齐方式;align-self

伸缩比;flex : 值;

加载全部内容

相关教程
猜你喜欢
用户评论
快盘暂不提供评论功能!