-
浮动float
查看全部 -
盒子在页面中所在的高度和宽度
查看全部 -
盒子模型的概念
查看全部 -
盒子模型概念
查看全部 -
浮动元素的父元素不具有高度的处理方法
> 在浮动元素后加上 div , 设置 clear:both; height:0; overflow:hidden;
定义一个类选择器，并设置 clear:both；清除浮动，同时为了解决IE6中div有高度的问题可以增加属性 height:0; overflow:hidden;
<style type="text/css"> .clearFloat{ clear:both; height:0; overflow:hidden; } </style> <div class="mianbox"> <div class="left">内容1</div> <div class="right">内容2</div> <div class="clearFloat"></div> </div>> 使用 clearfix;
https://www.45eggs.com/webdev/xhtml-css/2011/css-clearfix.html
> 设置父元素浮动
查看全部 -
清除浮动 clear
查看全部 -
浮动 float
查看全部 -
CSS中，width 和 height 指的是内容区域的宽度和高度，margin 和 padding 不会影响内容的尺寸，但是会影响元素框的总尺寸
查看全部 -
盒子模型的概念
查看全部 -
margin: 盒子之间的距离
padding: 盒子与内容之间的距离
查看全部 -
当鼠标悬浮在超链接上时，列表项样式设置既有背景图片，又有背景颜色的，且背景图片不重复，此时在左边显示背景图片，没有背景图片的地方显示背景颜色。
鼠标悬浮时，背景颜色改变没有占据整行，只改变了文字颜色，因为<a>是内联元素，要想宽高起作用，设置display：block;
查看全部 -
赞人品，分享给大家~ myFocus Demo v2.0.1 链接: http://pan.baidu.com/s/1pJ5j0wz 密码: 7s7e
查看全部 -
<!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>3.1页面头部制作练习题</title>
<style type="text/css">
/*在此定义相关样式，控制列表的显示形式*/
.nav{
width:1000px;
height:100px;
}
.nav ul{
list-style-type:none;
}
.nav li {
float:left;
line-height:30px;
height:30px;
width:70px;
text-align:center;
}
.nav a{
text-decoration:none;
}
.nav a:link,.nav a:visited{
text-decoration:none;
color:black;
}
.nav a:hover,.nav a:active{
color:#fff;
background-color:#BE3948;
display:block;
}
</style>
</head>
<body>
<h3>课程难度</h3>
<!--在此制作一个无序列表-->
<div class="nav">
<ul>
<li><a href="#">
全部
</a>
</li>
<li><a href="#">
初级
</a>
</li>
<li>
<a href="#">
中级
</a>
</li>
<li>
<a href="#">
高级
</a>
</li>
</ul>
</div>
</body>
</html>
查看全部 -
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }在写HTML代码的时候，发现在Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。 这个clearfix的CSS使用了after这个伪对象，它将在应用clearfix的元素的结尾添加content中的内容。在这里添加了一个句号"."，并且把它的display设置成block；高度设为0；clear设为both；visibility设为隐藏。这样就达到了撑开容器的目的啦。
查看全部 -
熟知css属性的继承关系与覆盖关系。
查看全部
举报