css 常用及掌握知识点

标签：link   bsp   word   active   兼容   继承   距离   round   hidden   

外联通过link标签 

选择器 

　　标签选择器   div

　　class选择器  .

　　id选择器      #

　　多个可用“,”隔开

　　子元素选择器  父级>直接子级

　　媒体查询  @media  用起来麻烦

样式

　　字体样式

　　　　font:bold italic size/line-height family;  可分写

　　　　font-size  font-weight font-style font-family

　　　　color: rgb/color/16进制 

　　背景样式

　　　　background:url() color repeat x y(center/top/bottom/right/left); 

　　文本样式

　　　　text-align:center/right/left;

　　　　text-index:2em 首行缩进俩字或负值是悬挂缩进

　　　　word-spacing:正负数 改变的是单词和单词之间的距离 负数拉近

　　　　letter-spacing  正负数  改变的是字与字之间的距离  负数拉近

　　　　text-decoration:none/underline/overline/line-through  下划线

　　　　line-height:行间距

     盒子大小

　　　　width

　　　　height

　　边距

　　　　margin:top right bottom left auto(存在兼容);

　　　　padding:同上 且可分写

     边框

　　　　border:size solid/dotted/dashed color  | none;

     位置

　　　　position:relative/absolute/fixed;

　　　　vertical-align :top/bottom/center;

　　　　float:left/right/none;

　　　　clear:both: 清浮动

     表单元素样式

　　　　outline:none:常用与清除默认样式

     其他样式：

　　　　li  list-style 样式 常用与清除默认样式

　　　　cursor:pointer;手指

　　　　display:none/block/inline/inline-block;

　　　　visibility:hidden/visible

　　　　option:0~1;

　　　　filter:alpha(opacity=1~100);

　　伪类选择器

　　　　a:link     访问前

　　　　a:visited 访问后  

　　　　a:hover   移入

　　　　a:active  点击

　　　　　　上四的同时存在时 顺序不能变

　规则

　　文本样式可以继承,但自己有的样式则不继承

　　margin合并 一上一下设置时易发生合并

css 常用及掌握知识点

标签：link   bsp   word   active   兼容   继承   距离   round   hidden   

原文地址：http://www.cnblogs.com/hamburgerV/p/6738801.html