网页制作中html需要注意的问题
1、XHTML和CSS文件注释
文件注释必不可少,但是要适可而止。注释太多回增大文件的大小,受带宽影响,用户在浏览网页时增加了等待时间,造成不好的用户体验。网站在上线前先要在测试服务器上进行测试,测试好没问题后,将相关的CSS文件、JavaScript文件先删除注释,然后进行压缩。这些文件的压缩可以利用下载相关工具实现,也可以使用在线压缩工具实现。
2、清除浮动的方法
1)在结尾出加空div标签clear:both
2)在父级div顶一overflow:hidden
3)在父级div顶一味蕾:after和zoom
3、块级元素和行内元素
块级元素是指这些元素显示为一块内容。与之相反,行内元素是指这些元素的内容显示在行中。每个块级元素都是从一个新行开始显示,而且其后的元素也是另起一行进行显示。而行内元素一般显示在块级元素里面。
一般的块级元素由<p>、<h1>~<h6>、<ul><ol><li>、<table>、<form>、<div>和<body>等。而内联元素有<input>、<a>、<img>、<span>等。
块级元素和行内元素之间可以通过设置display的值来进行转换。将diaplay的值设置为block,可以让行内元素表现得像块级元素一样。也可以通过把display得值设置为inline,让块级元素表现得跟行内元素一样。
4、CSS文档流
网页元素按照XHTML结构自上而下,从左向右一行一行得布局,叫做CSS文档流。
5、label标签中得for属性
当用户选择label标签时,浏览器回自动将焦点转到和标签相关的表单元素上。
6、zoom:1的作用
一般是为了解决IE6下样式不兼容的问题。
HasLayout是IE渲染引擎的一个内部组成部分。在IE中,一个元素要么自己对自身的内容进行计算大小和组织,要么依赖于父元素来计算尺寸和组织内容。为了调节这两个不同的概念,渲染引擎采用了HasLayout的属性,属性值可以为true或false。当一个元素的HasLayout属性值为true时,我们说这个元素有一个布局(layout)。
大部分的IE显示错误,都可以通过激发元素的HasLayout属性来修正。可以通过设置一些CSS属性来激发元素的HasLayout属性,使其“拥有布局”。在IE 6中就可以通过zoom:1来激发元素的HasLayout。
7、CSS Sprites技术利弊
上一篇:网页设计必须注意的一些常见问题
下一篇:网页设计中的排版原则有哪些