CSS与JS细节属性整理

这篇文章小北想分时段写，最近其实积压了挺多，以前没注意的css和js操作。

---------------------我是分哥线、2015-8-5------------------------

css部分:

margin-top:20px;父级设置overflow:hidden;或者父级设置padding;或使用padding代替

word-wrap:break-word; IE 6.7.8.9 火狐 均兼容英文换行

text-overflow:ellipsis;单行溢出省略

text-transform:capitalize; 首字母大写

text-transform:uppercase;所有单词大写

text-transform:lowercase;所有单词小写

white-space: nowrap; 规定段落中的内容不换行

text-align:justify;  两端对齐

1、要想给元素设置z-index样式，必须先让它变成定位元素，说的明白一点，就是要给元素设置一个postion:relative(定位元素：position属性值设置除默认值static以外的元素，包括relative，absolute，fixed)样式。
2、不要给想控制“上、下”的元素设置z-index，而是对他们的父容器设置z-index样式。

JS部分：

hasOwnProperty 判断一个对象是否包含自定义属性,而不是原型链上德属性
instanceof 检测对象的原型链是否指向构造函数的prototype对象

event.cancelBubble=true;
e.stopPropagation//阻止冒泡

var e = e || window.event;
var dom = e.target || e.srcElement; //获取发生事件的节点

javascript的typeof返回哪些数据类型？
Object,number,function,boolean,undefined,string.

4.行内元素有哪些？块级元素有哪些？CSS的盒模型？
块级元素：div p h1 h2 h3 h4 form ul
行内元素: a b br i span input select
Css盒模型:内容，border ,margin，padding

数据类型：
typeof操作符
undefined
null
boolean
number
string

引用类型
object：
array
date
regexp
function

写出几种IE6 BUG的解决方法：
1.双边距BUG float引起的  使用display
2.3像素问题 使用float引起的 使用dislpay:inline -3px
3.超链接hover 点击后失效  使用正确的书写顺序 link visited hover active
4.Ie z-index问题 给父级添加position:relative
5.Png 透明 使用js代码 改
6.Min-height 最小高度 ！Important 解决’
7.select 在ie6下遮盖 使用iframe嵌套
8.为什么没有办法定义1px左右的宽度容器（IE6默认的行高造成的，使用over:hidden,zoom:0.08 line-height:1px）

例举3种强制类型转换和2种隐式类型转换？
强制（parseInt,parseFloat,number）
隐式（== - ===）

IE获取非行间样式：currentStyle
chrome、FireFox获取非行间样式：getComputedStyle  getComputedStyle带两个参数，第一个是对象名，第二个随便填都行，一般写false。getComputedStyle(oDiv,false)