-
clear属性规定元素的哪一侧不允许其他浮动元素。
查看全部 -
浮动框会浮在普通流中的框之上。文档中的普通流中的块表现得就像浮动框不存在一样。
浮动框脱离了文档流，不再占据文档流的位置。
查看全部 -
盒子之间的距离：margin属性
盒子内容与盒子的距离：padding属性（填充）
整个元素框的宽度=左边距+左边框+左填充+内容宽度+右填充+右边框+右边距
整个元素框的高度=上边距+上边框+上填充+内容高度+下填充+下边框+下边距
查看全部 -
描述盒子（生活中）：
宽度
高度
边框 线粗细 线型 线的颜色
查看全部 -
主要涉及知识点：
HTML常用标记及属性
CSS基础知识
盒子模型
三列布局
两列自适应
JavaScript基础知识
jQuery基础知识
图片幻灯片切换效果
查看全部 -
当盒子内容比较多时，可以用 min_height 让内容撑开盒子的高度,同时还需要将后面的容器设置clear：both;； 注意：IE下没有min_height，IE下是 _height,默认内容较多时，会撑开。 大型网站，主流清除浮动方法：浮动元素的父元素 class="clearfix"，
查看全部 -
my查看全部
-
myfouse的使用
查看全部 -
list-style-image可以把图像设置为列表中的项目符号；list-style-type可以设置列表项目符号的不同样式，如：none表示无项目符号，disc表示实心圆（默认值），circle表示空心圆，square表示实心方块等。
查看全部 -
给元素设置宽高时，注意是否是内联元素，应设置display:inline-block或者block，否则宽高无效。
background-position x y：x水平y垂直单位可以是px也可以是%。或者是top,left,right,bottom,center，如是则只写一个英文位置时，另一个位置默认为center。位置信息什么都不写，默认为center。
采用像素值来定位时，像素值意味着背景图片和元素左上角的差值。
查看全部 -
3-11 新闻中心制作（二） 图片编辑六要素：大小、边距、边框、位置、浮动、背景； 文字编辑八要素：大小、边距、边框、位置、浮动、行高、背景、颜色； 在ie中不居中的问题：
查看全部 -
清除浮动clear
查看全部 -
1em的大小是当前1个字体的大小，因此2em正好是两个字符。另提示：text-indent的值允许负值，因此如果想隐藏某个div中的文字可以这样写text-indent:-9999px.
查看全部 -
min-height在IE6不支持
查看全部 -
编程练习
小伙伴们，根据所学知识，实现如下图所示的简单两列布局，整个页面宽度为960px，背景颜色为#CFF。左侧盒子宽度为740px，背景颜色为#C9F，右侧盒子宽度为210px，背景颜色为#FCF。左侧和右侧盒子的高度均为300px。
效果图:
代码如下：
<!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=gb2312" />
<title>无标题文档</title>
<style type="text/css">
/*在此定义相应的类选择器，并根据要求设置相关CSS属性*/
.mainBox
{
width:960px;
height:300px;
background:#CFF;
clear:left;
}
.leftBox
{
width:740px;
height:300px;
background:#C9F;
float:left;
}
.rightBox
{
width:210px;
height:300px;
background:#FCF;
float:right;
}
</style>
</head>
<body>
<!--在此添加相应的div标签-->
<div class="mainBox">
<div class="leftBox"></div>
<div class="rightBox"></div>
</div>
查看全部
举报