css常用样式

css属性

padding:定义元素边框与元素内容之间的空间,即上下左右的内边距
padding-bottom:设置一个元素的底部填充(空格)
margin:在一个声明中设置所有外边距属性
单位:适配移动端使用rem
scoped:当一个style标签拥有scoped属性时候,它的css样式只能用于当前的Vue组件,可以使组件的样式不相互污染,如果一个项目的所有style标签都加上了scoped属性,相当于实现了样式的模块化。
::v-deep:使用了 elementUI 组件且样式 style 使用了 scoped 属性,当想要修改组件样式,发现直接修改不了,需去掉 scoped 属性或者使用深度选择器才能修改成功,去掉scoped的话又会造成组件之间的样式覆盖,针对这种情况,可以使用深度作用选择器(即样式穿透),使用时加在最外层可以穿透内层。
line-height:调整文本行高来实现居中,让单行文本垂直居中时可以设置line-height:文字父元素高度,当height和line-height相等时,即盒子的高度和行高一样,内容居中。
border-radius:圆角,如:border-radius: 25px;
font-weight:字体加粗,如:font-weight: 700;或者font-weight: bold;
min-height:设置元素的最低高度,不包括填充,边框,或页边距

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值