opacityopacity属性的隐藏方法主要是将元素透明度opacity设置为0，从而在视觉上就隐藏了元素，但是元素本身依然占据的着原有空间。
浏览器支持来说 IE8以以及更早的版本需要使用filter属性代替，如: filter: Alpha(opacity=80)。
语法: opacity: value|inherit;
value: 透明值。可取值有 0.0 （全透明）和 1.0（不透明）。
inherit：从父元素集成opacity属性的值。
其规定使用的CSS版本为 CSS3
JavaScript上的opacity使用方法: object.style.opacity=80。
使用示例：
.hide { opacity: 0;}displaydisplay属性的隐藏方法主要是将元素display值设置为none，将其不可见，连盒子模型也不生成，甚至连也不占用原有空间，使用该属性为none时用户对该元素的操作将不可用。
其规定使用的CSS版本为 CSS1。
JavaScript上的display隐藏时方法: object.style.display=”none”。
JavaScript上的display显示时方法: object.style.display=”除none的其他值”
display的属性值包含有: “inline-table”、”run-in”、”table”、”table-caption”、”table-cell”、”table-column”、”table-column-group”、”table-row”、”table-row-group”、以及 “inherit”。
使用示例：
.hide { display: none;}如果使用jQuery对 带有display: none;的元素进行显示/隐藏使用: $(‘.element’).show() / $(‘element’).hide();
positionposition属性的隐藏方法主要是将元素定位出可视区域，从而达到隐藏效果。这个属性定义建立元素布局所用的定位机制。任何元素都可以定位，不过绝对或固定元素会生成一个块级框，而不论该元素本身是什么类型。相对定位元素会相对于它在正常流中的默认位置偏移。
该属性的值包含有: absolute，fixed，releative，static，inherit。
其规定使用的CSS版本为 CSS2。
JavaScript上的absolute隐藏时方法: object.style.position=”absolute” ,object.style.top=”-99999px”,object.style.left=”-99999px”。
使用示例：
.hide {
position: absolute;
top: -99999px;
left: -99999px;
}
visibilityvisibility属性的隐藏方法主要是在使用动画效果时使用，将该值设置为 hidden将隐藏元素及其子孙元素，如，大家需要鼠标移动到元素后显示子元素，可在元素 的hover样式设置 元素（或其子孙元素）的visibility的值 为visible即可。
该属性的值包含有:visible，hidden，collapse，inherit。
其规定使用的CSS版本为 CSS2。
JavaScript上的absolute隐藏时方法: object.style.visibility=”hidden”。
使用示例：
.hide {
visibility: hidden;
}
.show
{visibility: visible;
}
overflowoverflow属性的隐藏方法主要是, 使用超出隐藏的方法。
使用示例：
.overflow
{ overflow: hidden;}在css中，focus的意思是“焦点”，是一种伪类选择器，作用是选取获得焦点的元素；通过“:focus”选择器可以对获取焦点的元素设置样式，语法为“元素:focus{css样式代码;}”。
在css中，focus是焦点的意思，通常表示的是“:focus”选择器，“:focus”选择器用于选取获得焦点的元素。接收键盘事件或其他用户输入的元素都允许 :focus 选择器。
1.类选择器（class选择器）
基本使用：
.类选择器{
属性名: 属性值;
…}
2.id选择器
基本使用：
#id选择器{
属性名: 属性值;
…
}
3. html元素选择器
某个html元素{
属性名: 属性值;
…
}
4.通配符选择器
该选择器可以用到所有的html元素，但是其优先权最低
*{
属性名: 属性值;
…
}
要使用css对HTML页面中的元素实现一对一，一对多或者多对一的控制，这就需要用到CSS选择器。HTML页面中的元素就是通过CSS选择器进行控制的。
每一条css样式定义由两部分组成，形式如下：[code] 选择器{样式} [/code] 在{}之前的部分就是“选择器”。“选择器”指明了{}中的“样式”的作用对象，也就是“样式”作用于网页中的哪些元素。