搜索列表
-
不错的10个你未必知道的CSS技巧
【CSS/HTML】本翻译并未得到作者或网站授权。一切权利都归原作者及原网站所有。 如果你得到原作者或原发表网站的授权,可以自由使用本翻译。 1.CSS字体属性简写规则 一般用CSS设定字体属性是这样做的: font-weight:bold; font-style:italic; font-varient:small-caps; font-size:1em; line-height:1.5em; font-family:verdana,s...
不错的10个你未必知道的CSS技巧 -
CSS样式表规划与管理的经验总结
【CSS/HTML】彻底放弃表格布局,使用xhtml+CSS建站也已经有一年多了。一年多的实践也积累了一定的经验,现在写这篇文章来总结一下。在使用xhtml+CSS建站的过程中有一个比较关键的问题:网站的CSS样式表规划与管理。 我的CSS管理进化史 在最初使用CSS来控制网站样式的时候,并不清楚CSS管理规划之类的东西,所写的C...
CSS样式表规划与管理的经验总结 -
CSS网页布局入门教程13:下拉及多级弹出式菜单
【CSS/HTML】下拉及弹出式菜单是网站设计中常用导航形式,这种菜单形式能够充分利用页面现在空间隐藏与显示更多内容,并能对内容进行合理的分类显示,是一种非常优秀的导航形式。 早期的下拉或弹出式菜单通过隐藏的layer或div来实现内容的隐藏,通过JavaScript脚本来响应用户的操作,目前也采用JavaScript+div或其它元素的形...
CSS网页布局入门教程13:下拉及多级弹出式菜单 -
CSS网页布局入门教程9:用CSS设计网站导航——横向导航
【CSS/HTML】网站导航是网站中最重要的元素,是网站提供给用户的最直接最方便的访问网站内容的工具。网站导航从形式上主要由横向导航、纵向导航、下拉及多级菜单导航第三种形式。 横向导航 作为门户网站的设计而言,主导航一般采用横向导航。由于门户网站下方文字较多,且每个频道均有一同的样式区分,因此在顶部固定一个区域设计统一风...
CSS网页布局入门教程9:用CSS设计网站导航——横向导航 -
CSS网页布局入门教程3:一列固定宽度居中
【CSS/HTML】页面整体居中是网页设计中最普遍应用的形式,在传统表格布局中,我们使用表格的align="center"属性来实现,。div本身也支持align="center"属性,也可以让div呈现居中状态,但css布局是为了实现表现和内容的分离,而align对齐属性是一种样式代码,书写在XHTML的div属性之中,有违背分享原则(分离可以使你的网站更加利于管理...
CSS网页布局入门教程3:一列固定宽度居中 -
CSS网页布局入门教程1:一列固定宽度
【CSS/HTML】本系列教程为入门级教程,适合初学者学习,由最简单的知识一点一点进阶。主要以实例为主,很少部分理论,这样更适应初学者快速掌握。因本人也正在学习,难免有一些错误或疏漏地方,望各位给予指正。本教程参考《CSS网站布局实录》一书,在此向作者表示感谢。 要想学好DIV+CSS,首先要有一定的HTML和CSS知识,如果...
CSS网页布局入门教程1:一列固定宽度 -
DIV+CSS布局的网站对网站SEO的影响分析
【CSS/HTML】符合XHTML标准DIV+CSS布局的网站,下面说说在SEO方面的影响。 代码精简 使用DIV+CSS布局,页面代码精简,这一点相信对XHTML有所了解的都知道。代码精简所带来的直接好处有两点:一是提高spider爬行效率,能在最短的时间内爬完整个页面,这样对收录质量有一定好处;二是由于能高效的爬行,就会受到...
DIV+CSS布局的网站对网站SEO的影响分析 -
IE6,IE7和firefox对DIV的支持区别
【CSS/HTML】1 针对firefox ie6 ie7的css样式 现在大部分都是用!important来hack,对于ie6和firefox测试可以正常显示,但是ie7对!important可以正确解释,会导致页面没按要求显示!找到一个针对IE7不错的hack方式就是使用“*+html”,现在用IE7浏览一下,应该没有问题了。 现在写一个CSS可以这样: #1 {&n...
IE6,IE7和firefox对DIV的支持区别 -
布局用CSS+DIV的优点总结
【CSS/HTML】采用CSS+DIV对网站重构日趋被大家重视起来了,尤其是大型站点,像阿里巴巴、163等大型门户站点就已经完成了重构工作。本人在去年就已经有了使用CSS+DIV来编写网页源码的习惯了,个人感觉这种方法确实比传统的TABLE形式的源码架构强多了。 1:表现和内容相分离 将设计部分剥离出来放在一个独立样式文件中,HTM...
布局用CSS+DIV的优点总结 -
大家需要掌握的 html下SPAN和DIV的区别
【CSS/HTML】SPAN 和 DIV 的区别在于,DIV(division)是一个块级元素,可以包含段落、标题、表格,乃至诸如章节、摘要和备注等。而SPAN 是行内元素,SPAN 的前后是不会换行的,它没有结构的意义,纯粹是应用样式,当其他行内元素都不合适时,可以使用SPAN。 下面以一个实例来说明这两...
大家需要掌握的html下SPAN和DIV的区别 -
css实现兼容各个浏览器的技巧的代码
【CSS/HTML】在编写css样式表的时候常常会碰到一写浏览器兼容的问题,象是不同内核的浏览器显示就不一定相同,不同版本的的浏览器也会产生上下兼容的问题,如何解决这些问题成了我们苦恼的问题,如果你对css hack技术很了解的话,那这就是太简单不过了,不过对于那些不怎么解的人来说可真成了他们所苦恼的事。在这就从 赵磊官方...
css实现兼容各个浏览器的技巧的代码 -
用滑动门技术设计按钮的图文教程
【CSS/HTML】本文为翻译文章,全文地址:http://diger.cn/article.asp?id=351原文地址:http://www.filamentgroup.com/lab/buttonElement/Particle Tree 最近发布了一篇文章描述了一种他们拿出的设计按钮元素的技术,对于那些不熟练的人来说,表格按键是出了名的难以定制。典型的解决方案是使用浏览器提供的默认按钮,或者是使用一...
用滑动门技术设计按钮的图文教程