码迷,mamicode.com
首页 > Web开发 > 详细

css扁平化博客学习总结(二)css样式重置

时间:2015-07-18 22:44:57      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:

css样式重置

方法一:不推荐使用,这么写会让网页解析速度变慢

*{
  margin: 0;
  padding: 0;
}

方法二:大家常用的写法,比较流行。

body, html, div, blockquote, img, label, p, h1, h2, h3, h4, h5, h6, pre, ul, ol,
li, dl, dt, dd, form, a, fieldset, input, th, td
{margin: 0; padding: 0; border: 0; outline: none;}
body{line-height: 1;font-size: 88% /* Decide for yourself if you want to include this. */;}
h1, h2, h3, h4, h5, h6{font-size: 100%;padding: .6em 0;margin: 0 15px;}
ul, ol{list-style: none;}
a{color: black;text-decoration: none;}
a:hover
{text-decoration: underline;}
.floatLeft{float: left;padding: .5em .5em .5em 0;}
.floatRight{float: right;padding: .5em 0 .5em .5em;}

方法三:推荐第三种方法,使浏览器显示的元素保持一致,只针对需要统一样式的元素

normalize.css

<link rel="stylesheet" type="text/css" href="http://www.yyyweb.com/demo/inner-show/normalize.html">

css扁平化博客学习总结(二)css样式重置

标签:

原文地址:http://www.cnblogs.com/liyo/p/4657749.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!