扩展css

102 阅读1分钟

样式重置 样式模块化

样式重置:

body,p,h1,h2,h3,{
       margin:0;
}
ul{
 margin:0;
 padding:0;
 list-style:none;
}
img{
  bordernone;
  vertical-align:middle;【垂直方向跟文字对齐;去掉图片底部空白】
}
a{
  text-decoration:none;
  color:#3c3c3c;(淘宝的字体颜色)
}
i{
  font-stylenormal;(去掉斜体)
}
inputbutton{
  margin0padding0;
}
button{
  outlinenone;(去除原本鼠标移入变成蓝色的框)
}
body{
   font:...
}

image.png 1.41=(1.4116【像素】=22.56px)
200%=(16
2=32px)
5em=(5*16=80px)【1em=一个字体大小】