div+css整理
div+css整理
1.塊元素 --- 沒有CSS的作用會換行
2.padding標簽：上右下左
3.Css中引用其它CSS：@import url(“main.css”);
4.DIV的width樣式被定義了兩次時：顯示第二次載入的樣式。
5.搜索引擎收錄：<meta name=“description” content="上海浦東門戶網站">
6.鼠標懸停：A.hover{}
7.XHTML 1.0和HTML4.01以前的版本
A．更加規范、嚴格。
B．在計算元素的寬度時是否忽略padding的值。
C．允許內聯元素具有塊元素的屬性，比方給內聯元素指定寬度。
D．元素在屬性的繼承上，區別很大。
8.造成頁面換行的:<ul> <dl> <p>
9. h1{font-size:20px;}
10.p的行間隔 p{margin-top:10px;}
11.上機題1
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
??? <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
??? <title>浦東國有資產——首頁</title>
</head>
<style>
body{font-size:18px; font-weight:bold;}
.div_body{background-color:Yellow;height:300px;width:40%;padding:0px 0px 0px 0px;}
.div_body p{padding:20px 0px 0px 20px;}
.div1{float:left;width:70%;background-color:Red;height:170px;}
.div2{float:left;width:70%;background-color:Blue;height:100px;padding:30px 30px 0px 0px;text-align:right;}
.div3{float:left;width:90%;text-align:right;padding:10px 0px 0px 0px;}
</style>
<body>
??? <div class="div_body" style="">
??????? <p>
??????????? body</p>
??????? <div class="div1">
??????????? <div class="div2">
??????????? div2
??????????? </div>
??????????? <div class="div3">
??????????? div1
??????????? </div>
??????? </div>
</body>
</html>
轉載于:https://www.cnblogs.com/lf_software/archive/2009/06/25/1511142.html
總結
- 上一篇： C# 操纵 Excel(tlbimp.e
- 下一篇： discuz中，修改admin密码