htmlCSS-----Day14（css定位）

css定位

• position:规定元素的定位类型
  • absolute:绝对定位，相对于设置的父元素相对定位（若没有父元素则相对于浏览器定位。）
  • fixed:固定定位，相对于浏览器窗口进行定位
  • relative:相对定位
  • static:默认值，没有定位
    -z-index:设置匀速的堆叠顺序。拥有更高堆叠顺序的元素总是在拥有堆叠顺序较低的元素的前面（z-index仅在定位元素上奏效）
• float
  • 浮动的框可以向左向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。
  • 由于浮动框不在文档的普通流中，所以文档的普通流中的块框表现得就像浮动框不存在一样。
  • 只能作用于水平方向的定位，而不能在垂直方向上定位
  • 为什么要设置float属性；如果需要两个块级元素在其不改变元素属性的情况下，就需要float属性。
  • clear:清除浮动。
• 多类选择器
  
  • 通过把两个类选择器链接在一起，仅可以选择同时包含这些类名的元素。
  • 在IE之前的版本中，不i同平台的IE都不能正确地处理多类选择器

css伪类

• 用于向某些选择器添加特殊的效果
  
• 锚伪类
  • a:link
  • a:visited
  • a:hover
    -a:active
• ：first-child伪类
  • 选择元素的第一个子元素
• ：lang伪类
  • 能够为不同语言定义特殊的规则

伪元素

• first-line伪元素：用于向文本的首行设置特殊样式（只能用于块级元素）。
• first-letter伪元素：用于向文本的首字母设置特殊样式。
• :before伪元素：可以在元素的内容前面插入新内容。
• ：after伪元素：在元素的内容之后插入一副图片。

css水平对齐

• 块级元素：margin:0 auto(若宽度是100%，则对齐没有效果）
• position
• float

line-height:设置行高
visibility：设置元素不可见，但是占据空间。
display:none:设置元素不可见，但是不占据空间。
cursor:规定指向某元素之上时显示的指针类型。

opacity:设置透明度。opacity属性能够设置的值从0.0到1.0，值越小，越透明。
加油(ง •_•)ง