CSS 易混淆属性

【CSS 易混淆属性】的更多相关文章

1. div中 height和line-height的区别 <div style="height:120px;">是用来规定整个div的高度,文字还是默认会在顶端开始向下排列<div style="line-height:120px;"> 是规定行高的,就是一行120个像素,文字会相对于这120像素垂直居中! 2. p 中text-decoration和border-bottom的区别 text-decoration: underline; …

css常见的易混淆属性和值的区别(一)

css的属性很多,每一个属性的值也很多,组合起来便有成千上万种.不同属性之间的相互组合也可以产生不同的样式,css真是一种优美的样式设计语言.下面对工作中常见的易混淆的属性和值进行总结: 1. line-height(行高) 带单位与不带单位的区别: 我们知道行高是可以继承的.当父元素的行高值没有带上单位时,子元素使用自己的字体尺寸并计算出行高(子元素的行高=父元素中 line-height 的值 * 子元素的字体尺寸).当父元素的行高值带有单位时,父元素先根据自己的字体尺寸计算出行高(绝对单位…

CSS易混淆知识点总结与分享－定位与布局

CSS定位有四种模式:static.relative.absolute.fixed,其它static是默认值,下面分别讲解下各自的特点: static:静态定位,处于动态布局流中,按照页面中的各元素先后顺序.父子关系自动排列与布局,每个静态定位元素均占用动态布局的一块空间: relative:相对定位,处于动态布局流中,如果设置了偏移量(LEFT或TOP的值),则会有相应的位置调整,位置调整的标准是基于上一个处于动态布局流中的元素(即:设为static及relative元素): absolute…

css3易混淆属性详解

1.background, background-color, color (1)background:在一个声明中设置所有属性: 如:background: #00FF00 url(bgimage.gif) no-repeat fixed top; 可用的属性有: ①background-color: 背景颜色: 可能有的值:-1-: color_name, -2-: hex_number, -3-: rgb_number, -4-: transparent透明, -5-: i…

document.body.scrollTop等常见易混淆属性整理

网页可见区域宽: document.body.clientWidth; 网页可见区域宽: document.body.offsetWidth (包括边线的宽); 网页可见区域高: document.body.offsetHeight (包括边线的宽); 网页正文全文宽: document.body.scrollWidth; 网页正文全文高: document.body.scrollHeight; 网页被卷去的高: document.body.scrollTop; …

JavaScript中易混淆的DOM属性及方法对比

JavaScript中易混淆的DOM属性及方法对比 ParentNode.children VS Node.prototype.childNodes ParentNode.children:该属性继承自ParentNode,返回值是一个HTMLCollection实例,成员是当前节点的所有元素子节点,该属性只读,且该属性是动态集合. Node.prototype.childNodes:该属性继承自Node,返回值是一个NodeList实例,成员是当前节点的所有子节点(包括但不限于元素子节点),该…