CSS:cascading style sheets层叠样式表 语法:选择符{属性:属性值;属性:属性值;} 外部样式表链接方式 或者 @inport url(路径名) 不常用，没那个好 内联样式表优先级最高 *{margin: 0 ;padding:0;} li{list-style:none;} 去掉无序列表的列表符号 a{text-decoration:none;}去掉超链接下划线，写导航的时候会用到，所以提前写 包含选择器选择符1 选择符2{属性:属性值;} 伪类选择器a:link{属性:属性值;}超链接的初始状态 a:visited{属性:属性值;}超链接被访问后的状态 a:hover{属性:属性值;}鼠标划过超链接时的状态 a:active{属性:属性值;}鼠标按下时超链接的状态

元素选择符权重0001 class选择符权重0010 id选择符权重0100 继承样式权重0000 包含选择符权重为包含选择符权重之和

font属性简写:字号/行高 字体 加粗{font-weight:bolder/bold/normal/100-900;} 倾斜{font-style:normal/italic/obique;} 文本修饰{text-decoration:none/underline/overline/line-through}下划线/上划线/删除线 首行缩进text-indent可以取负值，只对第一行起作用 text-indent:-999px; color:transparent; fong-size:0; 三种方法都可以设置文字不显示/透明

定义列表符号样式list-style-type:disc(实心圆)/circle(空心圆)/square(实心方块)/none去掉列表符号 使用图片作为列表符号：list-style-image:url(所使用图片的路径及全称); 定义列表符号位置：list-style-position:outside/inside; list-style:none;简写 border:5px solid #000;现在很常用 dashed虚线 dotted点状线double双线none没有边框 background: url(路径) no-repeat right top; CSS继承 内联元素可继承：letter-spacing、word-spacing、white-space、line-height、color、font-family、font-size、font-style、font-weight、text- decoration、text-transform. 块状元素可继承：text-indent和text-align。 列表元素可继承：list-style、list-style-type、list-style-position、list-style-image。 表格元素可继承：border-collapse。 © 版权符号 << >> 溢出（设置滚动条） overflow:visible/hidden/scroll/auto/inherit; visible:默认值，内容不会被修剪，会成现在元素框之外； hidden：内容会被修剪，并且其余内容是不可见的； scroll：内容会被修剪，但是浏览器会显示滚动条，以便查看其余的内容; auto：如果内容被修剪，则浏览器会显示滚动条，以便查看其他的内容; inherit：规定应该从父元素继承overflow属性的值

white-space：normal/pre/nowrap/pre-wrap /pre-line /inherit 该属性用来设置如何处理元素内的空白；

文本溢出:text-overflow:clip/ellipsis clip：不显示省略号（…），而是简单的裁切; ellipsis：当对象内文本溢出时，显示省略标记； 前提是：定义 1、容器宽度：width：value； 2、强制文本在一行内显示:white-space：nowrap; 3、溢出内容为隐藏：overflow：hidden； 4、溢出文本显示省略号：text-overflow：ellipsis;

元素类型分类：块状元素，内联元素，可变元素

常用的块状元素包块div,dl,dt,dd,ol,ul,fieldset,(h1-h6),p,form,hr,colgroup,col,table,tr,td,等； 默认情况下，块状元素都会占据一行，通俗地说，两个相邻块状元素不会出现并列显示的现象；默认情况下，块状元素会按顺序自上而下排列。

常见的内联元素如：a,span,i,em,strong,b,del,br,img,input,a,u等

display属性与属性值 (18个属性值) 属性值：block/inline/inline-block/none/list-item/table-header-group/table-footer-group/table-cell/table….

1)Block块状显示：类似在元素后面添加换行符，也就是说其他元素不能在其后面并列显示。 2)inline内联显示：在元素后面删除换行符，多个元素可以在一行内并列显示。 3)当元素设置了float属性后，就相当于给该元素加了display:block;属性； 4)Inline-block行内块元素显示：元素的内容以块状显示，行内的其他元素显示在同一行。（只有这一个元素类型支持vertical-align属性）img,input。 5)none 此元素不会被显示。 6)list-item:将元素转换成列表。li的默认类型

大部分块元素display属性值默认为block，其中li默认值为list-item。 大部分内联元素的display属性值默认为inline,其中img,input，默认为inline-block。

———-定位属性 position：static /absolute/relative/fixed固定定位

absolute：绝对定位，将对象从文档流中拖离出来，使用left/right/top/bottom等属性相对其最接近的一个并有定位设置的祖籍元素进行绝对定位；如果不存在这样的祖籍对象，则依据浏览器窗口，而其层叠通过z-index属性定义

relative ：相对定位，对象不可层叠，将依据right，top，left，bottom（相对定位）的属性在正常文档流中偏移位置(相对自己原来的位置偏移)。 包含块 是给绝对定位元素的父元素添加声明position：relative 透明属性 IE8以下浏览器写法：filter:alpha(opacity=value);取值范围 1-100 兼容其他浏览器写法：opacity:.value;(value的取值范围0-1,0.1,0.2,0.3—–0.9) css3新增写法：background:rgba(255,0,0,0.5)

锚点的作用：在同一页面内的不同位置进行跳转 <标记 id=”命名锚记名”>