网页布局基础_技术问答

首页免费课网页布局基础问答

网页布局基础

全部评论问答未解决精华

Robin_Jang

CSS 规定的定位机制有三种，分别是标准文档流、浮动及绝对定位。

0 1-2 练习题

2016-04-26

整理琐碎的记忆3223773

#mainbody {
background:#FC0;
width:100%;overflow:hidden; //【任务1】？
}
.left {
width:800px;
height:200px;
background:#000;
float:left;//【任务2】？
}
.right {
width:140px;
height:500px;
background:#690;
float:right;//【任务3】？
}

0 3-5 编程练习

2016-04-26

xsnake

absolute relative相对定位,absolute绝对定位－自适应

0 4-4 使用绝对定位实现横向两列布局

2016-04-25

xsnake

position:relative 相对定位

0 4-2 相对定位

2016-04-25

思思狮

#wrap{width:970px; height: 1000px; margin:0 auto;}
#mainbody{ margin-top:15px; position: relative;}
#left{width:110px; float:left; margin-right: 13px; border: solid 1px #999; }
#mid{width:650px;border:1px solid #999; float:left;}
#right{ position: absolute; left: 792px; border:1px solid #999;}

0 5-1 网页布局-编程挑战

2016-04-25

xsnake

position 绝对定位　static ,relative, absolute, fixed

0 4-1 绝对定位布局简介

2016-04-25

xsnake

float margin

0 3-3 横向两列布局

2016-04-25

xsnake

clear:both 或　clear:left, clear:right
overflow:hidden;

1 3-2 清除浮动的常用方法

2016-04-25

xsnake

浮动布局　float

0 3-1 浮动布局简介及float属性

2016-04-25

xsnake

margin 自动居中：　margin 0 auto

0 2-4 自动居中一列布局

2016-04-25

xsnake

边框border,外边距margin,内边距padding,内容content
border,content+padding,background-image, background-color,margin

0 2-2 盒子模型

2016-04-25

xsnake

结构化标准语言HTML.XML
表现标准语言CSS　　　（文档流，　floats.　绝对定位）
行为标准语言DOM,ECMAScript
块，div,ul,li,dl,dt,p
行，span strong,img,input

0 2-1 网页布局相关知识点讲解——标准文档流、块级及行级元素等

2016-04-25

Huasonliu

.content{background:#eff9f9; padding:44px 15px 15px; border:4px solid #badbdb;}
.profile{background:url(../images/t_profile.gif) no-repeat #eff9f9;}
.book{background:url(../images/t_book.gif) no-repeat #eff9f9;}
.book img{border:1px solid #b1adaa; margin:10px 18px;}

0 2-3 编程练习

2016-04-25