<Dreamweaver基礎教程>李振華等,清華大學出版社
《網頁製作實訓教程》侯東梅等,清華大學出版社
網站製作基本過程
網站製作常用工具
網頁中常見的素材
1、In Action
(1)看到一張圖,首先考慮佈局。
(2)使用reset.css,然後父元素佈局,但不設置寬、高;不設置寬、高,父元素的寬、高由子元素的內容的寬、高決定;
(3)在一個div中,若使用了float浮動,必須要有清理元素。即<div style=“clear:both;”></div>
(4)在ff中開發、調試,待完全好了之後,再去不同IE中驗證;
(5)由於<a>是行內元素,因此可以將<a>標籤利用。如:<a href="#">aaa</a>或<a href="#" title=""><img src="" width="" height="" alt=""></a>
(6)對於標題,一般用:
<ul>
<li>
<a href="#"></a>
</li>
<li>
<a href="#"></a>
</li>
</ul>,其中ul、li都是塊元素;
(7)文字控制間距:letter-spacing
(8)去除超鏈接樣式:text-decoration:none
(9)嵌套的標籤,最好用margin控制間距,少用padding
(10)背景圖片最好使用background,可以避免加載失敗後叉叉。
(11)去除ie6 margin值加倍:display:inline
(12)控制層次:z-index
(13)文本長度超過限制自動顯示“文本...”:
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
(14)圖片或div垂直居中:
position:absolute;
width:
height:
top:50%;
lef:50%;
margin-left:-width/2;
margin-top:-height/2;
(15)在定位時,用top和left兩個屬性就足夠了。
(16)可以指定顯示類型爲block的元素的寬和高,但是 inline類型的無法指定。padding(內邊距)和margin(外邊距)可以被應用到inline顯示的元素,但是不會影響包含的元素。
(17)
2、TIPS
(1)
3、PS
(1)