CSS核心属性大全

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等

内联元素没有自己的形状，不能定义它的宽和高,它显示的宽度、高度只能根据所包含内容的高度和宽度来确定，它的最小内容单元也会呈现矩形形状；
内联元素也会遵循盒模型基本规则，如可以定义padding,border,margin等属性，但个别属性不能正确显示;

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=“命名锚记名”> </标记>和