<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)