常用的一些css样式

*{
marign:0;
padding:0;
}
margin:0;padding:0;的作用去除内外边距,Reset(重置)浏览器默认样式,网页中元素都有默认的margin 或padding值的,加上这句就可以删除浏览器这些默认值,方面后面的设置。
有些网站初始化,不提倡使用通配符,因为全局渲染会降低效率
推荐写法:
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img{margin:0;padding:0;}

line-height:;

line-height:10px
设置行高

font-weight:;

font-weight:400;
设置文字的粗细
normal: 默认值,不加粗
  bold: 定义粗体,加粗
  100-900:400等同于normal,而700等同于bold,注意这个数字后面不跟单位(推荐)

text-indent:;

text-indent:2em; 首行缩进2em
属性规定文本块中首行文本的缩进。
注:text-indent无法作用于行内元素

background-repeat

background-repeat: no-repeat;
属性用于定义是否及如何对背景图像进行平铺
no-repeat:不平铺
repeat-x:沿着x轴平铺
repeat-y:沿着y轴平铺

text-decoration:;

text-decoration:none;
属性规定添加到文本的修饰,下划线、上划线、删除线等。
none 默认。无下划线。
underline 定义文本下的一条线。
overline 定义文本上的一条线。
line-through 定义穿过文本下的一条线。

text-align:;

text-align:center;文字居中对齐
center 把文本排列到中间。
left 把文本排列到左边。默认值:由浏览器决定。
right 把文本排列到右边。
justify 实现两端对齐文本效果。
inherit 规定应该从父元素继承 text-align 属性的值。

display:;

display: inline-block;
将块级元素转换为行内级元素。

display:block;
将行内元素转换为为块级元素。

list-style:;

list-style:none;
去除无序列表的小圆点

background:rgba()

background: rgba(0, 0, 0, 0.4);
背景颜色半透明效果

box-shadow:;

盒子阴影
box-shadow: 10px 10px 10px -4px black
/* 第一个是,左右水平,第二个是垂直轴上下,第三个模糊距离,第四个模糊尺寸 第五个内部阴影*/

vertical-align: middle;

/*块级元素与文字居中对齐 */

outline-style:none;

Css去除border边框

box-sizing:;

box-sizing: border-box; 设置了这个属性padding和border的值就不会在影响元素的宽高,相当于把padding和border的值都算在content里
盒子模型会自动根据padding和border的值来调整content的值,就不需要手动调整

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值