今天看了下DIV+CSS教程,收藏了盒子模型。对于理解CCS用来美化或布局页面都有用。
分类:
Web程序 时间:
2015-06-12 01:07:57
阅读次数:
145
一、box-flex属性(和谐版) 有道桌面词典显示,”flex”一词中文有“收缩”之意。不过,从此属性实际上产生的效果来看,无论怎样用“收缩”一词解释都显得很牵强。所以,这里,直接抛开字面意思,我们可以将”b...
分类:
Web程序 时间:
2015-06-09 14:17:24
阅读次数:
254
9.1 可视化格式模型介绍 本章和下一章描述了可视化格式模型:这种模型用于定义用户代理是怎样在可视化媒体(visual media)上处理文档树的。 在这个模型里,文档树上的每一个元素都会生成零个,一个或者多个盒子(根据盒子模型),这些盒子的布局由以下内容决定: 盒子的尺寸和类型 定位机制(普通流式...
分类:
Web程序 时间:
2015-06-05 00:16:09
阅读次数:
206
盒模型--边框盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细、样式和颜色(边框三个属性)。如下面代码为 div 来设置边框粗细为 2px、样式为实心的、颜色为红色的边框:div{ border:2px solid red;}上面是 border 代码的缩写形式,可以分开写...
分类:
Web程序 时间:
2015-06-02 17:05:40
阅读次数:
142
display:box;是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。设置父容器样式display:box;.father{ margin: 0 auto; width:...
分类:
Web程序 时间:
2015-06-02 16:55:59
阅读次数:
241
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><htmlxmlns="http://www.w3.org/1999/xhtml"><head><metahttp-equiv="Content-Type"content="text/html;charset=gb2312"/><t..
分类:
Web程序 时间:
2015-06-01 20:48:01
阅读次数:
220
css选择符就是,表示你将把你定义的样式,用给谁。css盒子模型一个盒子是由以下几部分构成:1.盒子中的内容content2.盒子的边框border3.盒子的边框与内容之间的距离,称为填充padding,内边距(内补丁)4.多个盒子存在时,盒子与盒子之间的距离,称为边界margin,外边距(外补丁)c..
分类:
其他好文 时间:
2015-06-01 20:45:14
阅读次数:
139
http://blog.sina.com.cn/s/blog_62161a4d01019b7g.htmlbox-flex是css3新添加的盒子模型属性,它的出现可以解决我们通过N多结构、css实现的布局方式。经典的一个布局应用就是布局的垂直等高、水平均分、按比例划分。目前box-flex属性还没有得...
分类:
Web程序 时间:
2015-06-01 11:29:56
阅读次数:
128