# 基础规则

基础规则作用于使用元素选择器,后代选择器,孩子选择器,伪类选择器的元素,但它不包括类选择器和ID选择器。它定义了元素在页面的任何情况下的默认样式。

/* 基础样式示例 */
body, form {
    margin: 0;
    padding: 0;
}

a {
    color: #039;
}

a:hover {
    color: #03F;    
}

基础样式包括设置标题大小,默认链接颜色,默认字体样式以及body背景等。注意不要在基础样式中使用!important

强烈推荐在基础样式中定义一个背景颜色,因为某些用户可能定义了自己的背景,而不是默认的白色背景。如果你的网站预设的是白色背景,那么用户的设置将会使得你的设计泡汤。更糟糕的是,你的字体颜色可能和用户设置的颜色冲突,那样的话,可能你的网站都无法正常使用。

# 样式重置(CSS Resets)

样式重置(CSS Resets)是一组基础样式,用以剥离和重置默认的margin,padding以及其他属性。

很多重置框架侵略性过强,引入的时候往往产生问题多过于它能解决的问题。去除元素的margin和padding而只是为了重新设置属性,这将会产生重复的工作,还会浪费流量

很多人可能发现在网站开发当中样式重置框架是一个不错的工具。但请你确认自己了解框架的缺点,并且知道怎么使用它。

开发一套属于你自己,并将在各个项目中一直使用的默认样式库,可能会非常有好处。