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)