css 基础2

1.内部样式表：

2.行内样式表：在标签内写style，适合style 比较少的情况

3.外部样式表（外联式）：

4.html标签可以分为：块级标签，h1~h6,div ,p,ul,ol,li,div用的比较所，css+div布局。

　　四个特点：

　　　　1.总是新行开始

　　　　2.宽度，行高，外边距和内边距都可以控制

　　　　3.宽度默认是浏览器的100%

　　　　4.可以容纳内联元素和其他块元素

5.行内元素：常见的有a,strong,em,b,i,del,ins,s,u,span,span是最典型的行内元素

　　四个特点：

　　　　1.和相邻的行内元素在一行显示，

　　　　2.宽高无效，但是水平方向padding margin可以设置，垂直方向无效

　　　　3.默认的宽度是本身内容的宽度

　　　　4.行内元素只能容纳文本或其他行内元素

　　注意：a里面不能再放a，p里面不能在放块级元素，文字类的块级元素不能再放块级元素

6.行内块级元素：如img input td

　　特点：

　　　　1.和相邻行内元素在一行上，但是中间会有空白

　　　　2.默认宽度是本身内容宽度，

　　　　3.高度，宽度，内边距和外边距都可以控制

7.块级标签转行内标签：display：inline

8.行内标签转块级标签：display:block

9.行内转行内块元素：display:inline-block;

10,css 复合选择器：

　　1.交集选择器：由两个选择器组成，写法：标记选择器.类名选择器如p.one .one是类名，选择是即...又...的关系

11.css书写规范：

　　1.选择器与｛｝之间要有空格

　　2.属性名与：之间不要有空格，属性值与：要有空格

　　3.并集选择器，每个选择器要各自占一行

　　4.选择器之间的嵌套尽量不要嵌套三层

　　5.属性定义要另起一行

　　6.属性的定义，必须以；号结尾

12.背景：　

　　1.background-color 背景颜色

　　2.background-img： url() 背景图片,会有平铺的效果

　　3.background-repeat: no-repeat 不平铺，repeat-x 水平平铺，repreat-y 纵向平铺，

　　4.backgroun-position： top，center，bottom，left，right；如果方位名字只写一个，那么另外一个默认centner，还可以书写精确的单位：第一个是x,第二个是y；精确单位和方位名字可以混搭

13.背景附着：background-attachemnt 默认scroll 滚动的，fixed，固定的，背景属性也可以简写，顺序没有强制要求，一般按一下顺序：颜色，图片，平铺，attachment，position，顺序之间是用空格隔开

14.背景半透明：颜色透明是rgba,背景半透明是background：rgba

15.背景缩放：background-size 设置背景图片的大小，两个参数：width，height；一个参数就改宽度，高度就等比例缩放了，一般就直改一个值，写半分比，就直接缩放了；cover，铺满，自动缩放比例，铺满整个屏幕，宽高都要满足，如果有溢出的部分会被隐藏。contain，与cover刚好相反；平时用的cover最多；img是直接通过height width设置图片大小，

16.多背景图片：在css3可以放多张背景图片。以“，”号隔开。

17；凹凸文字效果：

18：文本装饰，给链接修饰装饰效果：text-decoration none取消小划线，underline 文本下方下划线，overline 文本上方下划线，