网页制作

基于XTHML标准的DIVCSS布局对SEO的影响

  SEO是指搜索引擎优化,主要就是通过对网站的结构、标签、排版等各方面的优化,使搜索引擎更容易抓取网站的内容,并且让网站的各个网页在等搜索引擎中获得较高的评分,从而获得较好的排名。DIVCSS网页布局对SEO有着积极而富有意义的影响。查看本站更多搜索引擎优化技巧文
收藏 0 赞 0 分享

CSS合理的编码与组织技巧

  CSS代码更清晰高效的一些经验是许多网页制作者与开发者都关心的问题。但是大概没有什么魔法,可以保证一下就把你的样式表缩小到百分之多少,合理的CSS编码与组织技巧,的确能够帮助你的更有效率地写出更清晰高效的代码,自然CSS样式表大小的缩减还能减少下载的时间。 一
收藏 0 赞 0 分享

css教程:美化网页段落的排版

上四篇的内容是把常用的XHTML标签拿出来介绍了一下,不是很详细。不过没关系,重点是要能先知道用他们,以后深入了再去细细研究更为详细的特性以及使用方法就容易多了。上篇已经说了在第五篇会开始讲CSS,刚开始讲不能讲得复杂,我们还是由浅入深,一步步来。还是那句话:先
收藏 0 赞 0 分享

css布局实例:网页布局的方法

  许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个栏目的位置,也喜欢容器的内容居中或顶部对齐显示。   但是你又不喜欢用table来实现他,那怎么办呢?实现的方法很多,有根据视觉错觉实
收藏 0 赞 0 分享

YUI 中的 Grids CSS值得关注和学习的

YUI 中的 Grids CSS 主要有三个部分值得大家关注和学习: 1、布局的思想:使用 “负 margin(Negative Margins)” 技术 详细可参阅:《Creating Liquid Layouts with Negative
收藏 0 赞 0 分享

网站变黑白色CSS一行代码实现

5.12地震给四川人民带来了巨大灾难,5月19日到5月21日为全国哀悼日,有很多网站界面今天都变成了黑白色,从而纪念那些在地震中死去的逝者。对于普通的站长来说,对于灾难并不能多做些什么,但可以做到将自己的网站也变成黑白色,从而缅怀那些地震逝者。
收藏 0 赞 0 分享

CSS代码是否合理?是否优化?

发现很多朋友对 CSS 的优先权不甚了解,规则很简单。需要说明的一点,如果你的样式管理需要深层判断 CSS 的优先权,更应反思自己的 CSS 代码,是否合理?是否优化? CSS2.1 中规定了关于 CSS 规则 Specificity(特异性)的计算方式,用一个四位的数字串
收藏 0 赞 0 分享

网页制作人员在设计网页时注意的细节

1、将css与javascript全部用下边的方法分离到外部文件中去。 <link rel="stylesheet" type="text/css" href="http://www.webjx.com/css/sty
收藏 0 赞 0 分享

CSS高级技巧:网页布局

上一篇CSS教程 文章:CSS高级技巧:文字环绕图片 布局 CSS至关重要的作用, CSS的设计初衷. CSS布局和几年前table横行时的布局又不太一样, 在结构化语义化的HTML文档后面, CSS在格式化文档的渲染效果, 把结构化文档用表现化语言来描述. 简而
收藏 0 赞 0 分享

CSS高级技巧:文字环绕图片

上一篇CSS教程 文章:CSS高级技巧:滑动门 文字环绕图片(SandBags) 在印刷业中, 常用的文字图片混搭的排版法被延伸到了Web视觉设计中, 如何来完成呢? 这里说的并不是简单的文字包围图片, 不过原理很类似, 同样是通过float属性来完成效果的. 先
收藏 0 赞 0 分享

CSS高级技巧:滑动门技术

上一篇CSS教程 文章:CSS高级技巧:图片替换 滑动门(Sliding Doors) 还是决定把滑动门单独提作一种单独的技术. 它是CSS引入的一项用来创造漂亮且实用的界面的新技术, 它使用简单, 我们只需要使用两张单独的背景图片, 就可以实现.
收藏 0 赞 0 分享

CSS高级技巧:图片替换

上一篇CSS教程 文章:CSS高级技巧:CSS Sprites 图像替换技术有相当的用处, 特别是注重视觉的设计, 而且在一定程度上也不会影响非可视化浏览器的用户群(屏幕阅读器). 本节用到的图片只有一个: 经典FIR 在文字外包上一组span标签,
收藏 0 赞 0 分享

CSS高级技巧:CSS Sprites

上一篇CSS教程文章:CSS高级技巧:圆角矩形 CSS Sprites, 利用CSS background-position 进行背景绝对定位, 减少HTTP请求, 加速网页显示, 解决图片载入闪动问题的技巧. CSS Sprites最适合用来做的, 恩, 比如:
收藏 0 赞 0 分享

CSS高级技巧:圆角矩形

所谓的CSS高级技巧...其实是一些对基本技巧的创意组合, 任何手段和技巧都是解决问题的方法. 只要学会这种思考问题的方法, 你也能拥有属于自己的CSS秘籍. CSS2 还没有办法创造出曲线边框, 明显的, 仅仅方框是没办法满足我们设计师的. 所以CSS圆角技术到现在还是那
收藏 0 赞 0 分享

CSS实例:三列等高布局

  三列等高CSS布局的一个实例,   修改国外的一个demo,   兼容到了IE5.5 和标准的浏览器OperaFirefoxSafari。   不过hack太多,不是很喜欢这样做。 全部代码如下: <?xmlversion="1.0"
收藏 0 赞 0 分享

Web标准前途是否依赖浏览器技术

当我读了一遍Aaron Gustafson的Beyond DOCTYPE: Web Standards, Forward Compatibility, and IE8 后,我心里的第一反应就是深深的否定这种观点. Aaron描述的version-targeting机制是
收藏 0 赞 0 分享

Web标准:文档类型和网页浏览器

原文: http://www.alistapart.com/articles/beyonddoctype 作者:Aaron Gustafson 译者:zhaozy in 3user.com 转载请注明作者和译者信息,谢谢! 进步总是要有代价
收藏 0 赞 0 分享

WEB标准学习经验总结

  今天在群里,熊猫君提议整理一个帖子,一方面为初学者提供一个入门指南,另一方面也象借此和已经在从事这个行业进行一点交流。下面是我从事这个行当多年的一些经验总结,希望抛砖引玉,大家不吝赐教。 1、必备工具   其实web标准并不是很复杂的技术,实现web标准的工
收藏 0 赞 0 分享

IE对网页中引入CSS样式表的限制

  首先介绍一下HTML文档与CSS 的关联常见有4种方式: 1、使用link标记 <linkrel="stylesheet"type="text/css"href="sheet.css"/> 2
收藏 0 赞 0 分享

CSS:何制作一个向各个方向延展box?

http://www.webdesignerwall.com/tutorials/css-the-all-expandable-box/ 在HTML中, 如果过你没有指定一个确定的宽度的话, 块级元素本身就会在垂直方向上延展. 想象一个无序清单. 这个清单会自己扩展来适应它
收藏 0 赞 0 分享