CSS样式1

编写CSS样式：
　　1.标签的style属性
　　　　如：<div style="width:980px;"></div>

　　2.写在head里面，style标签中写样式（各类选择器）
　　　　- id选择器
　　　　　　#i1{
　　　　　　　　background-color:#2459a2;
　　　　　　　　height:48px;
　　　　　　}
　　　　- class选择器
　　　　　　.名称{
　　　　　　　　...
　　　　　　}
　　　　　　<标签 class='名称'></标签>
　　　　- 标签选择器
　　　　　　div{
　　　　　　　　...
　　　　　　}
　　　　　　所有div设置上此样式
　　　　- 层级选择器（空格）
　　　　　　.c1 .c2 div{
　　　　　　　　...
　　　　　　}
　　　　- 组合选择器（逗号）
　　　　　　#c1,.c2,div{
　　　　　　　　...
　　　　　　}
　　　　- 属性选择器
　　　　对选择到的标签再通过属性再进行一次筛选
　　　　　　.c1[n='alex']{
　　　　　　　　...
　　　　　　}
　　　　PS:
　　　　- 优先级，标签上style优先，编写顺序，就近原则
　　3.css样式也可以写在单独文件中
　　　　<link rel='stylesheet' href='commons.css' />
　　4.注释
　　　　/* */
　　5.边框
　　　　- 宽度，样式，颜色 （border:4px dotted red;)
　　　　- border-left
　　6.
　　　　height 高度 像素,百分比
　　　　width 宽度 像素,百分比
　　　　text-align:center 水平方向居中
　　　　line-height 垂直方向根据标签高度
　　　　color 字体颜色
　　　　font-size 字体大小
　　　　font-weight 字体加粗
　　7.背景
　　8.float
　　　　让标签浪起来，块级标签可以堆叠
　　　　老子管不住：
　　　　<div style='clear:both;'></div>
　　9.display
　　　　display:None; --让标签消失
　　　　display:inline;
　　　　display:block;
　　　　display:inline-block;
　　　　　　具有inline默认自己有多少占多少
　　　　　　具有block，可以设置高度，宽度，padding margin
　　　　******
　　　　行内标签inline：无法设置宽度，高度，padding margin
　　　　块级标签block：可以设置高度，宽度，padding margin

　　10.padding margin(0,auto)
　　　　-div块居中使用margin:0 auto;
　　　　　　<div style="width:500px;height:200px;background-color:black;position:relative;margin:0 auto;">　　　</div>
　　　　- padding属性的顺序：上、右、下、左；
　　　　　　padding:0 10px 0 10px; 等价于 padding:0 auto;