作者:_燎原之火(@real_燎原之火) 网址:http://www.cnblogs.com/bigboyLin/p/5272902.htmlHTML/CSS部分1、什么是盒子模型?在网页中,一个元素占有空间的大小由几个部分构成,其中包括元素的内容(content),元素的内边距(padding),元素的边框(border),元素的外边距(margin)四个部分。这四个部分占有的空间中,
position定位,是用来对元素进行定位的。通过不同的属性,表现出不同的页面布局效果,尤其是相对定位,和绝对定位,在页面设计中的使用,往往会使初学者比较混乱,本文,从最基本的方面展示这几个方面的特点,使得对定位有一个更清楚的了解。
line-height简单分析,line-height被用来控制行与行之间垂直距离,指两行文字基线之间的距离(baseline);以及line-height在实际中的使用。
. 替换和不可替换元素 从元素本身的特点来讲,可以分为替换和不可替换元素。 a) 替换元素 替换元素就是浏览器根据元素的标签和属性,来决定元素的具体显示内容。 例如:浏览器会根据<img>标签的src属性的值来读取图片信息并显示出来,而如果查看(X)HTML代码,则看不到图片的实际内容; 又例如:根据<input>标签的type属性来决定是显示输入框,还是单选按钮等。 (X)HTML中的<img>、<input>、<textarea>、<select>、<object>都是替换元素。这些元素往往没有实际的内容,即是一个空元素,浏览器会根据元素的标签类型和属性来显示这些元素。可替换元素也在其显示中生成了框。
清除浮动的常用方法分析
CSS的float属性,作用就是改变块元素(block element)对象的默认显示方式。block对象设置了float属性之后,它将本来占据一行的元素,可以并列排在一行里。设置浮动属性,可以向左侧或右侧,浮动的框就因此向左或向右移动,直到它的外边缘碰到包含框或另一个浮动框的边框为止。
CSS假定所有的HTML文档元素都生成了一个描述该元素在HTML文档布局中所占空间的矩形元素(element box),可以形象地将其看作是一个盒子。CSS围绕这些盒子产生了一种“盒子模型”概念。 盒模型,实际上就是把某些标签元素看成为一个箱子。箱子与其他箱子之间的距离,是箱子的最外围,它不是一
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号