|
锁定老帖子 主题：CSS设计的一些原则
精华帖 (6) :: 良好帖 (0) :: 新手帖 (1) :: 隐藏帖 (0)
|
|
|---|---|
| 作者 | 正文 |
|
发表时间：2010-01-22
最后修改：2010-01-22
几个月来，也做了不少CSS设计的工作，都是国外的客户，从一开始的啥都不懂，到现在的回头客不少，也算是有点心得了吧，跟大家分享分享。
<!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="css/ie.css" media="screen, projection" /> < ![endif]-->
< !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"/> <title>Title</title> <meta name="keywords" content="" /> <meta name="description" content="" /> <meta name="language" content="en" /> <meta name="author" content="" /> <meta name="copyright" content="(c) Copyright 2009 All Rights Reserved" /> <meta name="robots" content="follow, all" /> <!-- CSS --> <link rel="stylesheet" type="text/css" media="screen, projection" href="css/screen.css" /> <!--[if lt IE 7]> <link rel="stylesheet" type="text/css" href="css/ie.css" media="screen, projection" /> < ![endif]--> <!-- Javascripts --> <!-- Favicon --> <link rel="shortcut icon" type="image/ico" href="images/favicon.ico" /> </head> </html>
小细节
text-transform:uppercase; 使用标准字体
font-family:Arial, Helvetica, sans-serif;
更多信息，请浏览我的博客。
声明：ITeye文章版权属于作者，受法律保护。没有作者书面许可不得转载。
推荐链接
|
| 返回顶楼 | |
|
发表时间：2010-01-22
这些就很受用了，谢谢楼主，期待继续更新
|
| 返回顶楼 | |
|
发表时间：2010-01-24
对大原则不完全认可。
举个例子：在常见的左中右三栏布局下，使用div+css就要用到浮动，而分栏div浮动在IE6下简直就是自找麻烦，经常会有莫名其妙的BUG。 现在我设计页面不是必要情况下不考虑浮动（因为IE6对浮动的支持太烂了），而是使用表格，表格布局本身没什么，实际上各浏览器包括IE6在内对表格的支持都不错，关键是表格布局被不分情况的滥用了。 合理使用表格，可以使你用一套CSS做几乎全浏览器兼容的页面，只有极少数情况需要定制，根本不需要什么css hack，开发轻松愉快。 一句话，不要只是为了不用表格而全部使用div+css，这是本人在走弯路情况下得来的经验。 |
| 返回顶楼 | |
|
发表时间：2010-01-25
Inside 写道 对大原则不完全认可。
举个例子：在常见的左中右三栏布局下，使用div+css就要用到浮动，而分栏div浮动在IE6下简直就是自找麻烦，经常会有莫名其妙的BUG。 现在我设计页面不是必要情况下不考虑浮动（因为IE6对浮动的支持太烂了），而是使用表格，表格布局本身没什么，实际上各浏览器包括IE6在内对表格的支持都不错，关键是表格布局被不分情况的滥用了。 合理使用表格，可以使你用一套CSS做几乎全浏览器兼容的页面，只有极少数情况需要定制，根本不需要什么css hack，开发轻松愉快。 一句话，不要只是为了不用表格而全部使用div+css，这是本人在走弯路情况下得来的经验。 赞成你的观点，纵向block级分割用DIV合适，横向或横向+纵向的分割用Table合适，用div + css实现一切是走极端，css并不排斥table。 |
| 返回顶楼 | |
|
发表时间：2010-01-25
引用 最好是使用h1,h2,h3,p这些标签来标示文字，div中最好不要直接包含文字。
这个不太对哦~~~h标签是有固定的用法、用处的，不能单纯为了表示字体而用它，具体见W3School。 对于DIV+CSS的看法是，它大部分时候能做到表现和结构分离，而使用table布局则使两者混在一起，但遇到适合使用table的地方就应该用。 |
| 返回顶楼 | |
|
发表时间：2010-01-25
表现表格型数据时,用div替换table会相当麻烦
|
| 返回顶楼 | |
|
发表时间：2010-01-25
应用CSS一直有一个问题, 什么时候用ID和class, 我发现能用id的地方,很多网站也用class
|
| 返回顶楼 | |
|
发表时间：2010-01-25
弱弱的问下，为什么在div中包含文字不好呢
|
| 返回顶楼 | |
|
发表时间：2010-01-25
Inside 写道 对大原则不完全认可。
举个例子：在常见的左中右三栏布局下，使用div+css就要用到浮动，而分栏div浮动在IE6下简直就是自找麻烦，经常会有莫名其妙的BUG。 现在我设计页面不是必要情况下不考虑浮动（因为IE6对浮动的支持太烂了），而是使用表格，表格布局本身没什么，实际上各浏览器包括IE6在内对表格的支持都不错，关键是表格布局被不分情况的滥用了。 合理使用表格，可以使你用一套CSS做几乎全浏览器兼容的页面，只有极少数情况需要定制，根本不需要什么css hack，开发轻松愉快。 一句话，不要只是为了不用表格而全部使用div+css，这是本人在走弯路情况下得来的经验。 我只是抛砖引玉，凡事没有绝对的，Table布局该用的时候还是要用的。但是你要是为自己开发web站点，使用table没有问题，但是如果是为客户开发，很多客户的第一个需求就是tableless，这样就没办法了。 |
| 返回顶楼 | |
|
发表时间：2010-01-25
eimhee 写道 应用CSS一直有一个问题, 什么时候用ID和class, 我发现能用id的地方,很多网站也用class
这个一般没有固定的，大的模块一般使用id，比如footer，header，因为一个网站一般只有一个这样的模块。 |
| 返回顶楼 | |
