-
<!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">
/*在此定义相关样式，控制列表的显示形式*/
body{
border:px solid:#ccc;height:600px;
}ul li{
height:30px;
width:50px;
float:left;
list-style-type:none;
}li a{
text-decoration:none;
}li a:link,li a:visited{color:black;}
li a:hover,li a:active{color:WHITE;background-color:#BE3948;}
</style>
</head>查看全部 -
常用企业布局
查看全部 -
浮动+height,否则容易被设置为0不显示
清除浮动：<p class=”clr”> </p>
overflow:auto可以换成overflow:hidden，zoom:1可以换成width:100%*
http://www.cnblogs.com/fengzheng126/archive/2012/05/19/2508778.html
非ie游览器：:after
#layout{background:#FF9;}
#layout:after{display:block;clear:both;content:”";visibility:hidden;height:0;}查看全部 -
clear:left
查看全部 -
超链接
link：初始状态
visited：访问后状态
active：点击下状态
查看全部 -
ggg查看全部
-
OK查看全部
-
企业网站查看全部
-
div溢出部分隐藏--
overflow：hidden
查看全部 -
myfocus【焦点图库】：焦点图制作--焦点图初始化的ID，与图片列表外面最外层的ID一致，图片列表外面，包裹一个class为pic的div.
<div class="loading"（这里的class='loading'也是不可缺少的）><img src="./img/loading.gif" alt="图片加载中..." /></div>
<div class="pic">
查看全部 -
:visited 选择器用于选取已被访问的链接。
:link 选择器对指向未被访问页面的链接设置样式,
:hover 选择器用于设置鼠标指针浮动到链接上时的样式，
:active选择器用于设置点击链接时的样式。
查看全部 -
font-size 表示字体查看全部
-
tips: 把行高设置为与父元素高度一样时，可实现在父元素中垂直居中
查看全部 -
浮动会让元素塌陷。即被浮动元素的父元素不具有高度。例如一个父元素包含了浮动元素，它将塌陷具有零高度。可以按以下方法处理：
在浮动元素后加个div设置clear: both; height:0,overflow:hidden
使用clearfix;
设置父元素浮动;
查看全部 -
行内样式与外部样式
查看全部
举报