css分组，嵌套,height,width,display,visibility,定位

分组选择器

h1,h2,p{color:green;}

嵌套选择器

.marked p{color:white;}/*为所有 class="marked" 元素内的 p 元素指定一个样式。*/
p.marked{text-decoration:underline;}/*为所有 class="marked" 的 p 元素指定一个样式*/

height,width

• height
• line-height行高
• max-height设置元素的最大高度
• max-width设置元素的最大宽度
• min-height设置元素的最小高度
• min-width设置元素的最小宽度
• width设置元素的宽度

隐藏元素 - display:none或visibility:hidden

Display - 块和内联元素

• 块级元素(block)特性：
  总是独占一行，表现为另起一行开始，而且其后的元素也必须另起一行显示;
  宽度(width)、高度(height)、内边距(padding)和外边距(margin)都可控制;
• 内联元素(inline)特性
  和相邻的内联元素在同一行;
  宽度(width)、高度(height)、内边距的top/bottom(padding-top/padding-bottom)和外边距的top/bottom(margin-top/margin-bottom)都不可改变，就是里面文字或图片的大小;
• 块级元素主要有：
  address , blockquote , center , dir , div , dl , fieldset , form , h1 , h2 , h3 , h4 , h5 , h6 , hr , isindex , menu , noframes , noscript , ol , p , pre , table , ul , li
• 内联元素主要有：
  a , abbr , acronym , b , bdo , big , br , cite , code , dfn , em , font , i , img , input , kbd , label , q , s , samp , select , small , span , strike , strong , sub , sup ,textarea , tt , u , var
• 可变元素(根据上下文关系确定该元素是块元素还是内联元素)：
  applet ,button ,del ,iframe , ins ,map ,object , script
• display:block -- 显示为块级元素
• display:inline -- 显示为内联元素
• display:inline-block -- 显示为内联块元素，表现为同行显示并可修改宽高内外边距等属性
  我们常将所有
• 元素加上display:inline-block样式，原本垂直的列表就可以水平显示了。

position

• static
• relative相对定位元素的定位是相对其正常位置。

h2.pos_left
{
    position:relative;
    left:-20px;
}

• fixed
  元素的位置相对于浏览器窗口是固定位置。即使窗口是滚动的它也不会移动

 p.pos_fixed
{
    position:fixed;
    top:30px;
    right:5px;
}

tips： Fixed 定位在 IE7 和 IE8 下需要描述 !DOCTYPE 才能支持。Fixed定位使元素的位置与文档流无关不占据空间。Fixed定位的元素和其他元素重叠。

• absolute绝对定位的元素的位置相对于最近的已定位父元素，如果元素没有已定位的父元素，那么它的位置相对于:
• sticky

• z-index指定了一个元素的堆叠顺序