-
<!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>查看全部 -
常用企業(yè)布局
查看全部 -
浮動+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：初始狀態(tài)
visited：訪問后狀態(tài)
active：點擊下狀態(tài)
查看全部 -
ggg查看全部
-
OK查看全部
-
企業(yè)網站查看全部
-
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: 把行高設置為與父元素高度一樣時，可實現(xiàn)在父元素中垂直居中
查看全部 -
浮動會讓元素塌陷。即被浮動元素的父元素不具有高度。例如一個父元素包含了浮動元素，它將塌陷具有零高度?？梢园匆韵路椒ㄌ幚恚?/p>
在浮動元素后加個div設置clear: both; height:0,overflow:hidden
使用clearfix;
設置父元素浮動;
查看全部 -
行內樣式與外部樣式
查看全部
舉報