css部分（2）

css的常见样式

（1）在css中表示颜色的三种方法

             1.使用单词
             2.使用十六进制--三原色表示方式--红绿蓝一般为6位
             3.rgb函数完成  

（2）padding和margin

              padding：表示内边距    有四个值   padding-left   padding-right   padding-top   padding-bottom

              写法：{padding: 0px;    四个边距的值一样

                           padding: 10px 20px;   左右一样  上下一样    

                           padding: 10px 20px 30px 0px;     四个值的顺序一般为上左下右

                           }

              margin：表示外边距     同样也有四个值    margin-left   margin-right   margin-top   margin-bottom

              写法：{margin: 0px;    四个边距的值一样

                           margin: 10px 20px;   左右一样  上下一样    

                           margin: 10px 20px 30px 0px;     四个值的顺序一般为上左下右

                           }  

（3）font开头的一般都表示字体

样式名称	样式的值	说明
font-family	字体名称（如微软雅黑or Microso YaHei）	文本字体
font-style	normal、italic、oblique	规定斜体文本
font-variant	small-caps、normal	小型大写字母
font-weight	normal、bold、bolder、数值	文本的粗细
font-size	默认大小是 16 像素 (16px=1em)，单位一般是 px，也可以是其他	文本的大小

（4）text开头

样式名称	样式的值	说明
text-indent	所有元素的第一行都可以缩进一个给定的长 度，该长度可以是负值	软化文本内容
text-align	le、right 、center、justify	文本行间的对齐方式
text-transform	none、uppercase、lowercase、capitalize	处理文本的大小写
text-decoration	none、underline、overline、line-through、 blink	文本装饰
text-shadow	h1 { text-shadow: 5px 5px 5px #FF0000; }  向右偏移  向上偏移   模糊程度   颜色	文本阴影效果

（5）display属性

可以作为行内和块元素的转换

①将行内标签转换为块标签： display: block;     
②将块标签转换为行内标签，一般不会这样使用： display: inline; 

③行内块标签 ：display: inline-block;

display的值一般为： none、block、inline、inline-block、list-item 

（6）背景样式

样式名称	样式的值	说明
background	{ background: #00FF00 url(bgimage.gif) norepeat fixed top; }	背景综合写法
background-color	#十六进制三原色、颜色单词、rgb函数、rgba 函数	背景颜色
background-position	top le 这种单词对 或者 坐标位置（x,y）或者 x%, y%	背景位置
background-size	background-size:80px 60px;| cover	背景图像的尺寸
background-repeat	repeat、repeat-x、repeat-y、no-repeat	背景图像重复
background-image	url函数引入图片	背景图片
background-attachment	默认scroll、fixed	attachment 默认scroll、fixed 背景图像是否固定或者 随页面的滚动

（7）定位

position：值为以下四个 static、relative、absolute、fixed 

绝对定位 absolute 指定left、top、bottom、right定位，要相对于父级定位，父级是相对定义或者绝对定位，如果所有的父级都没有相对定义或者绝对定位，那么久会相对于body定位