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 : 值;

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值