CSS制作网页时遇到问题的参考技巧

首页> 缘震优势

缘震优势

最新动态缘震优势网建知识

2015-11-13 00:00:00

在使用CSS建站时，您肯定遇到过形形色色的布局问题，最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易，当您遇到困难时为您提供快速参考。

有疑问，先验证

在调试时，先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS 会导致许多布局上的错误。

在其他浏览器中进行测试之前，请先在最先进的浏览器中撰写和测试CSS代码，而不是相反。

如果您在破旧的浏览器中编写和测试，你的代码就不得不依赖那个破旧浏览器的糟糕的显示，然后在符合标准的浏览器中进行测试，看到显示结果“不正常”时，你会很沮丧的。相反，您应该先将您的代码完善，然后再设法为较低级的浏览器打算。这样从一开始您的代码就是符合标准的，你不必再为支持其他浏览器而劳心费神。当然了，目前遵从标准的浏览器无疑就是 Mozilla， Safari 或 Opera。

确保您期望的效果确实存在

许多特定的浏览器专有的CSS扩展在正式标准中并不存在。如果您对 filter（滤镜）或滚动条指定了样式，那么您就用了私有代码，除了IE之外，在别的浏览器中毫无作用。如果验证器告诉您代码没有定义，极有可能您用了私有样式，这样在不同的浏览器中很难达到一致的效果。

如果布局中一定要用浮动对象，别忘了适时使用清除（clear）属性。

浮动对象似易实难，而且不总是令人如愿以偿。如果您发现浮动对象伸出了容器的边界，或者不像您所期望的那样显示，请检查您的期望是否正确。关于这个问题请看Eric Meyer的教程

边距的合并：可用padding 或 border 来避免。

您可能被多余的（或者想要却不出现的）空白搞得焦头烂额。如果您用了 margins，边距的合并可能就是问题的根源。 Andy Budd 对此的解释可能为你解惑。

避免将 padding/border 和固定宽度同时应用到同一元素。

IE5 的区块模型是错误的，是它把事情办坏了。对此也有权宜之计，不过最好是绕过这个问题，当子元素的宽度固定时，为父元素指定padding。

避免IE下未指定样式内容的闪烁。

如果您仅仅靠 @import 来输入外部样式表，早晚您会发现IE有“闪烁”的毛病。在应用CSS样式之前，未经格式化的HTML文本会短暂地出现。这是可以避免的。

别指望 min-width 在IE中有用。

IE不支持它，但是它将 width 当作 min-width，所以通过一些 IE 的过滤技巧（filtering），可以实现同样的最终效果。

把CSS过滤器（filters）当作最后的手段

CSS 技巧和过滤器可以使您有选择地应用到（或者不应用到）某些元素。应当尽可能地找到标准的跨浏览器的解决办法来实现您想要的效果，而不是动不动就使用过滤器。要将它当成走投无路时的救命手段。在这里可以找到大量的CSS 过滤技巧。［译注：不要把这里的filters和IE中的滤镜混淆。由于各个浏览器对CSS标准的支持程度不一，人们找到了许多技巧，将浏览器无法解释或错误解释的样式表或规则屏蔽掉。这就是所谓的CSS过滤器或技巧。webjx.com

如果使用了锚点，在应用超链接样式时要特别小心。

如果您在代码中使用了传统的锚点（），您会注意到：hover 和：active伪类也会作用于它。要避免这种情形，你可以使用 id，或者使用鲜为人知的语法：：link:hover，：link:active

域名解析遇到的问题总结和解决方案

1，网站空间存在问题。
如果登陆域名供应商后台发现域名解析有关的A记录，MX优先级以及主机记录指向都没有问题，而且域名也进行了备案，此时如果网站依然打不开，并且显示域名解析错误，事实上并不是域名解析的问题，而是由于网站空间出现的问题，也就是网站空间不能够连接到互联网上，相应的域名和虚拟空间的IP地址不能够实现一一对应的关系，从错误的表现形式上来看，也会显示域名解析错误。
解决办法：此时需要分析网站空间的质量，如果网站空间不稳定，那么就需要及时的更换，或者要求IDC供应商尽快改善。

2，网络故障。
网络故障是比较常见的打引起DNS错误的原因，经常由于没网络打开网页就有类似的提示。
解决办法：将链接用公司外网打开，如果外网可以打开，即可证明是网络故障，修复网络问题即可。

3，电脑DNS设置错误。
虽然我们多数朋友上网都不会去设置DNS，一般都是采用自动获取，不过不少局域网都需要固定IP地址，选择固定IP地址，我们就需要输入DNS地址了，而DNS输入错误就会导致网页打不开，原因上面有介绍，相信大家都会明白，如果DNS设置错误我们会发现： QQ可以上但网页打不开。
解决办法：进入“网上邻居”-- “本地连接”上右键选择属性，在"连接使用下列项目"中,寻找(TCP/IP)选项双击,在下方会有DNS选项,您这中情况可以尝试自动获取DNS 由于各地区的DNS通常会有差别,如果自动获取不行的话,可以联系当地网络管理部门查询DNS 以便填写，也可以在网上搜索下本地网络服务商的DNS IP地址。将以上的DNS 服务器地址填写正确一般都可以打开网页了，一般我们电脑都是选择自动获取路由器分配的IP与自动获取网络服务商的DNS，但由于需要固定IP来解决电脑开机本地连接启动很慢等问题，也就需要设置DNS了，地址建议朋友最好询问网络商获取，一般网上查找也是可以的。

4，域名设置错误。
由于目前域名解析服务很多都是由域名供应商来设置，当然也有的用户在网站运营期间需要更改一些选项，导致网站域名解析出现故障。
解决办法：通过软件进行分析，发现是域名解析问题后，就可以登录域名供应商提供的相应后台，选择相应的选项，填写相关参数，而且通常情况下如果自己不会解析其实也很简单，就是要求供应商的客服人员进行解析就行。

5，电脑中病毒。
如果电脑中病毒一般是恶意软件篡改用户主页，劫持电脑dns等，造成电脑打开知名网站会跳转到其它恶意网站，或者干脆网站都打不开。
解决办法：使用杀毒软件对电脑先进行全盘扫描，查看电脑是否中病毒，是否有杀毒软件相关提示。如果杀毒后网页可以打开，多数是因为病毒原因所导致的。