相关文章
网站建设戏曲网站公益化之心得体会
网站制作网站中病毒前后
北京网页设计钻进怪圈的中国个人网站，何时你才有命突围而出？
企通互联web2.0推动互联网基础技术的变革
企通互联站长莫言对网站运营的qq群讲座
网页设计新人草根站长对地方网站的盈利尝试
网页设计长沙分类信息网站运营经验总结
网站制作网站要解决的主要矛盾在于需求
企通互联SEO技术：规划网站优化之前的四个要点
网站建设什么形式的网站是更有生命力的？
品牌理念
北京网站建设最佳合作伙伴
北京网站建设专家企通互联
竭诚为您提供网站建设服务!
友好连接
文章搜索
你的位置：首页 >> 网站建设 >> 企通互联北京网页设计Web标准发展建议与实例(9)
企通互联北京网页设计Web标准发展建议与实例(9)
CSS小窍门 北京网页设计
很明显，一旦你去很认真的学习使用CSS 北京网站设计，你一定会发现某些问题，这些问题可能是由误解造成的，可能是由对规则的不了解或者浏览器的漏洞造成的。CSS Crib Sheet就是一个好建议的荟萃，有Dave Shea整理，下面还将有一些重要的而且是Dave没有提及的小窍门。
先校验:在调试的时候，先由校验开始吧，HTML和CSS都要进行校验。许多问题都是由不规范代码引起的。
先在最先进的浏览器中调试，然后才轮到其他的浏览器: 如果你刚开始就用对CSS支持不好的浏览器调试，那么你所编的CSS将会逐渐适应这种错误的处理。当你继续在更先进的浏览器中测试，一些你所不希望的内容就会出现了。最好还是首先在一个有很好标准兼容性的浏览器中运行，然后再把代码拿到老一点的浏览器中去测试。
理解CSS的盒模型:为了获得一个元素的实际的宽度和高度，你需要用padding和border来增加它的 width或者height。在Internet Explorer 5.*/Win中, padding 网站建设和border是被包括在已知的width和height。
假设你有如下的CSS代码:
div.box { width:300px; padding:20px; border:10px solid; } 网站制作
所以这个div的总宽度是360px.
10px + 20px + 300px + 20px + 10px = 360px 北京网站设计
在Internet Explorer 5.*/Win中，实际上总宽度为300px, 内容的宽度为240px.
300px - 10px - 20px - 20px - 10px = 240px 企通互联
为了绕过这个问题, 你同样可以使用CSS hack来给不同的浏览器提供不同的值，或者你尽量避免在同一个元素中同时定义width 和 padding或者width和border。
想了解关于CSS盒模型的更详细内容，请参阅 Box model。
为非零的数值加上单位:CSS要求一些属性值（如width、 height、font-size）必须要有单位。当属性值为0时是可以例外的。在那种情况下，没有单位也是必须的，因为0就是0 www.qitongnet.com，什么单位也都无所谓了。
理解漂浮物 北京网站建设:尽管漂浮物这个概念很难理解，但是它很重要，因为CSS中会频繁的使用它来布局。有一些关于漂浮物的好文章，如Containing Floats、Floatutorial和Float: The Theory。
“LoVe/HAte? 网站制作” 按照如下顺序为链接定义伪类：Link, Visited, Hover, Active.
“TRouBLed?”当使用简写来定义margin、padding和border时, 他们的顺序是从上开始的顺时针方向: 企通互联上、右、下、左。
以其功能给CLASS和ID命名，而不是它的表现: 如果你有一个CLASS名为.smallblue, 过后你决定用它来定位文本，使其为大号、红色，那么CLASS的名字就会被弄混淆的。最好能用名字来描述功能和结构，如.copyright 网站设计和.im portant。
CSS是个敏感的东西:当HTML属性中的 class和id 北京网页设计与CSS一起使用时，那可就要小心了。
检查你的ID:文档中一个元素只能使用一个id，且id必须唯一，而class可以被多个元素所共享。
使用合法的字符为class和 id命名: Class和id的名字只能由数字、字母和连字符组成，数字和连字符是不可以开头的。
正确的注释:CSS的注释是以/*开头，以*/结尾的:
/* This is a comment */北京网页设计
CSS布局 北京网站建设
有很多例子和阶梯教程指导您如何使用CSS布局。建议您从简单的例子开始，学习它的原理，然后再去学习复杂的布局。