*{
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的值,就不需要手动调整