如何用CSS进行网页布局_学习笔记

首页免费课如何用CSS进行网页布局笔记

如何用CSS进行网页布局

最热最新

画梦笙箫 02:39

网页设计特点（相对纸媒来说）

查看全部

0 采集收起来源：内容简介
2015-10-10
画梦笙箫 01:32

布局概念

查看全部

0 采集收起来源：内容简介
2015-10-10
zuaggan

要求右侧（right）先加载，左侧（left）后加载”是怎么实现的？？ [最赞回答] echo_kinchao echo_kinchao: 结构的时候right在前就好编写的代码要兼容ie6 不要使用float

查看全部

0 采集收起来源：编程挑战
2015-10-09
zuaggan

margin:0 310 0 210; 0可以不写单位，但是310必须写单位PX！单位单位单位别忘别忘别忘 PXPXPX！！！

查看全部

0 采集收起来源：编程练习
2015-10-09
萧也遥

clear:both; //清除两边元素的浮动对他的影响 overflow: hidden; // 用在浮动元素本身清除对父元素的影响

查看全部

1 采集收起来源：实践题
2015-10-09
qq_心随风动_0

多列自适应布局可用浮动定位方法进行，多列固定布局需要使用绝对定位方法进行布局

查看全部

0 采集收起来源：编程练习
2015-10-09
querry

3种标准流：绝对定位（position :absolute），浮动（float），标准文本流（从左到右，从上到下，像写信，由块级元素和行级元素组成）

查看全部

0 采集收起来源：编程练习
2015-10-09
guangying

兼容IE6不能用浮动，而且当子元素要设定为absolute的时候，父元素要设定relative才可以。要右侧自适应，则左侧应该定宽并且position：absolute。加载顺序先右后左div的顺序为先右后左

查看全部

0 采集收起来源：编程挑战
2015-10-08
guangying

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>混合布局编程挑战</title> <style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{height:100px;margin:0 auto;background:#ccc;} .main{width:800px; height:800px;margin:0 auto;position:relative;background:red;} .left{ width:190px; height:800px; background:blue; position:absolute; left:0;top:0;} .right{height:800px;background:#199C58;position：absolute;right:0; top:0;} .foot{height:100px;margin:0 auto;background:yellow;clear:both;} </style> </head> <body> <div class="top">top</div> <div class="main"> <div class="right">right</div> <div class="left">left</div> </div> <div class="foot">foot</div> </body> </html>

查看全部

0 采集收起来源：编程挑战
2018-03-22
梦浩然 03:07

3列布局

查看全部

0 采集收起来源：三列布局
2015-10-06
kinoko 02:34

position:absolute;left:0;top:0; margin:0 310px 0 210px; position:absolute;right:0;top:0;

查看全部

0 采集收起来源：三列布局
2015-10-06
kinoko

position:absolute;left 0

查看全部

0 采集收起来源：三列布局
2015-10-06
奋努的小鸟

1：网页布局：又称版式布局，是网页UI设计师将有限的视觉元素进行有机的排列组合，将理性的思维个性的化的表现出来，是一种具有个人艺术特色的视觉传达方式。传达信息的同时有美感。网页设计特点（相对纸媒来说） 1、网页可以自适应宽度 2、网页的长度理论上可以无限延长 3：页面为：头部，主体部分，底部。分栏又称为分列：一列布局二列布局三列布局以及混合布局（用的最多）布局通过浮动和定位来完成(实现ui界面效果)

查看全部

0 采集收起来源：内容简介
2015-10-06
weibo_闲人悟静

.left{ width:200px; height:600px; background:#ccc; position:absolute; left:0; top:0} .main{ height:600px; width:630px; margin:0 auto; background:#9CF} .right{ height:600px; width:200px; position:absolute; right:0 ;top:0; background:#FCC;}

查看全部

0 采集收起来源：编程练习
2015-10-06
weibo_闲人悟静

居中：margin:0 auto

查看全部

0 采集收起来源：二列布局
2015-10-06