思洋互动网站建设学前班

实验室：使用新型盒布局设计网页（2） 3. 从body元素开始弹性布局 把body元素定义为盒布局，并设置子元素水平居中。 广州网站建设 body,html{ margin:0; padding:0; width:100%; height:100%; font-fam

+阅读全文

实验室：使用新型盒布局设计网页（1） CSS 3发展的新型盒布局是一种全新的页面布局方式，不仅可以完全替代传统的浮动布局，而且布局出来的网页具有很强的适应性，具体的体现就是

+阅读全文

元素的对其方式--box-pack和box-align属性（2） 运行结果如图4-7所示。 （点击查看大图）图4-7 自适应居中的登录框 代码分析：示例4-7中，直接使用登录图片，仅为了说明问题。设置box-pa

+阅读全文

元素的对其方式--box-pack和box-align属性（1） CSS 3新增的box-pack属性和box-align属性，分别用于定义盒元素内部水平对齐方式和垂直对齐方式。这种对齐方式，对盒元素内部的文字、图像及子

+阅读全文

弹性空间分配--box-flex属性（2） 运行结果如图4-5所示。 图4-5 具有空间弹性的菜单栏 代码分析：在示例4-5中，设置container类的盒元素的宽度为100%，即浏览器窗口的宽度，会随着窗口宽度

+阅读全文

弹性空间分配--box-flex属性（1） CSS 3新增的box-flex属性，用于定义盒元素内部的子元素是否具有空间弹性。当盒元素的尺寸缩小（或扩大）时，被定义为有空间弹性的子元素的尺寸也会缩

+阅读全文

调整元素的位置--box-ordinal-group属性 CSS 3新增的box-ordinal-group属性，用于定义盒元素内部的子元素的显示位置。基于webkit内核的替代私有属性是-webkit-box-ordinal-group，基于gecko内核的替代私

+阅读全文

元素的布局顺序--box-direction属性 在盒布局下，可以设置盒元素内部的顺序为正向或者反向。CSS 3新增的box-direction属性，可用于定义盒元素的内部布局顺序。基于webkit内核的替代私有属性

+阅读全文