整合营销服务商
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
电脑端+手机端+微信端=数据同步管理
免费咨询热线：
些元素默认带有padding, 比如ul标签。
*{margin:0;padding:0;}让所有的标签内外边距是都 0 ；
*的执行效率不高, 所以我们使用并集选择器, 罗列出所有的标签(不用背, 有专业的清除默认样式的样式表, 以利于今后学习)
当然, 以上的写法是我们练习的写法。
真正的工作我们如下写法:
html, body, ul, li, ol, dl, dd, dt, p, h1, h2, h3, h4, h5, h6, form, fieldset, legend, img { margin:0; padding:0; }最常用
义：HTML文档中的分隔或者是部分，常用于组合块级元素，以便通过样式表来对元素进行格式化。
<div> 是一个块级元素，也就是说它的内容自动的开始一个新行，换行是它固有的特定格式表现，同时它也是一个双向标签。
它应用于样式表，有多种属性：Class、Style、title、ID等。
小实例：
在div中给定id或者是类选择器：
<h1>侠课岛</h1>
<div class="content1">第一段文本内容....</div>
<div class="content2">第二段文本内容....</div>
<div class="content3">第三段文本内容....</div>
<div id="main">第四段文本内容.....</div>直接在div中添加设置样式属性：
<div style="color:#777;">
<h2>定义文本内容颜色</h2>
</div>动手小练习
iv+css
在css处开头加入
*{margin:0;
pading:0;
border:0;
}
(分别表示网页内所有元素的外边距、内边距及边框为0。)
当用css定义链接的各种状态时，要注意书写的顺序即：:link :visited :hover :active利用首字母：L V H A，你可以通过记忆LoVe,Hate,两个单词来记住其顺序。
:link --------链接的颜色
:visited -----鼠标点击后的颜色
:hover -------鼠标放上去未点的颜色（悬停）
:active-------鼠标点击瞬间的颜色
将伪类和类组合起来用，就可以在同一个页面中做几组不同的链接效果了，例如，我们定义一组链接为红色，访问后为蓝色；另一组为绿色，访问后为黄色：
a.red:link {color: #FF0000}
a.red:visited {color: #0000FF}
a.blue:link {color: #00FF00}
a.blue:visited {color: #FF00FF}
当我们定义a{color:red;}时，它代表了A的四种状态的样式，如果此时要定义一个鼠标放上的状态只要定义a:hover就可以了，其它三种状态就是A中所定义的样式。只定义了一个a:link时，一定要记得把其它三种状态定义出来！
使用规则和注意事项
块级---可定义宽高，另起独占一行 （如：div ul）
内联---不可定义宽高，如文本元素 （如a span）
position:absolute;
绝对定位，他是参照浏览器的左上角，配合TOP、RIGHT、BOTTOM、LEFT(下面简称TRBL)进行定位，在没有设定TRBL，默认依据父级的做标原始点为原始点。如果设定TRBL并且父级没有设定position属性，那么当前的absolute则以浏览器左上角为原始点进行定位，位置将由TRBL决定。
position:relative;
绝对相对定位，他是参照父级的原始点为原始点，无父级则以BODY的原始点为原始点，配合TRBL进行定位，当父级内有padding等CSS属性时，当前级的原始点则参照父级内容区的原始点进行定位。
display:none和visibility:hidden都可以隐藏一个元素,但visibility:hidden只是隐藏了元素的内容，但其使用的位置空间仍然被保留。而display:none则相当把元素从页面中去除，其占用位置也将被删除。
background-image:url(背景图案.jpg,gif,bmp);
background-color:#FFFFFF; （背景颜色）
background-color : transparent; <--设定背景为透明色 –>
background-repeat 改变背景图片的重复并排的设定
(1)颜色:使用颜色的英文名称或者16进制代码,如
.red { color: red; }
.f60 { color: #f60; }
.ff8600 { color: #ff8600; }
(2)字体大小,直接使用"font+字体大小"作为名称,如
.font12px { font-size: 12px; }
.font9pt {font-size: 9pt; }
(3)对齐样式,使用对齐目标的英文名称,如
.left { float:left;
.bottom { float:bottom; }
需注意事项:
所有样式名全都小写;尽量用英文;为保证日后能一目了然，尽量不缩写。
勿忘初心，方得始终
如果你喜欢这篇文章，可以关注作者头条公众号，每天都会有精彩web干货与你一同分享哦！
*请认真填写需求信息，我们会在24小时内与您取得联系。
