网页制作

学习CSS了解单位em和px的区别

这里引用的是Jorux的“95%的中国网站需要重写CSS”的文章,题目有点吓人,但是确实是现在国内网页制作方面的一些缺陷。我一直也搞不清楚px与em之间的关系和特点,看过以后确实收获很大。平时都是用px来定义字体,所以无法用浏览器字体放大的功能,而国外大多
收藏 0 赞 0 分享

巧用CSS滤镜制作绚丽图片播放效果

CSS中有revealTrans滤镜在网页中制作特效非常有用处。这次,我们准备介绍另一种使用revealTrans滤镜制作出超弦图片播放的效果。   实现思路:使用revealTrans滤镜制作出超弦图片播放的效果,并每张图片有各自的链接地址。   制作方法:   1、在<
收藏 0 赞 0 分享

PDF、ZIP、DOC链接的标注(CSS技巧)

原文:http://www.maratz.com/blog/archives/2005/01/13/pdf-links-labeling/ 翻译:http://www.176so.com/past/2007/3/17/pdf_links_labeling/ css技巧之PD
收藏 0 赞 0 分享

DIV CSS制作的个性水平导航菜单实例

先看下效果: CSS样式代码: 以下为引用的内容: #pointermenu{ border-top: 7px solid black; /*opt
收藏 0 赞 0 分享

DIV CSS制作网页时易犯的错误总结

CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css div的方式实现各种定位。应用应用DIV CSS编码
收藏 0 赞 0 分享

CSS去除表格的默认间距并且制作1px的细线表

现在在所谓“div css”的风气下,很多人放弃了表格,其实应该让每个标签物尽其用,在表现数据的地方,我们还是应该使用table。但是,我们在建立table的时候,会发现它会具有一些默认的样式,比如单元格td之间会有间距,所以我们通常开头是这样写的:
收藏 0 赞 0 分享

CSS隐藏网页文字的几种常用方法

display:none:它可以使包括容器本身在内的东西都消失,简便且有效,但它有两个耳熟能详的缺陷,那就是对搜索引擎不友好,且被屏幕阅读器所忽略。 text-indent:-9999px:text-indent是首行缩进,所以对于多行文本,若单独使用它就有明显的不足,需
收藏 0 赞 0 分享

总结新手学CSS容易出现错误的内容

一些新手容易忽略或者出现错漏的地方。 1.首先是对于布局标签的定义。 有时候写好了css,但是反复调试总发现效果差强人意,有那么一块空白,挥之不去。其实这就是对于标签定义的不严谨造成的。因为在xhtml的部分标签里,有一些的默认属性值不一定是为空或零的。例如fo
收藏 0 赞 0 分享

网站配色,CSS主色调配色方案

对于设计时,风格定位有困难的人会有一定帮助吧?我也想研究一下! ------------------------------------------------------------------------------------------------------------
收藏 0 赞 0 分享

常用CSS缩写语法总结

使用缩写可以帮助减少你CSS文件的大小,更加容易阅读。css缩写的主要规则如下: 颜色 16进制的色彩值,如果每两位的值相同,可以缩写一半,例如: #000000可以缩写为#000;#336699可以缩写为#369; 盒尺寸 通常有下面四种书写方法:
收藏 0 赞 0 分享

门户网站构建CSS框架的规则

对于大型门户,海量信息平台及多模块,多区域化网站,更需要对CSS,XHTML,的标准化,符合语意的HTML框架,复用性强的CSS代码,这些才能保障你的网站,具有很好的“地基”。 第一部:关于构建CSS框架我们要实现的目的: 1.实现标准化,具备
收藏 0 赞 0 分享

event.currentTarget和document.activeElement用法

firefox 的 event.currentTarget 和 ie 的 document.activeElement 这两个完全含义不一致的对象却被捆绑在一起做成了浏览器兼容代码。 大家在google搜索的时候 都会发现 document.activeElement || ev
收藏 0 赞 0 分享

指定网页doctype解决CSS Hacking

我们都知道,要做WD(web designer),首先得伺侯好几个浏览器:IE6,IE7,Firefox.一般的页面,都只要求在IE6,IE7,Firefox下正常工作就行了
收藏 0 赞 0 分享

css用import还是link的区别

  看到淘宝网页中这样写使用的是import,而很多网站都是使用link,当然还有一些页面比较简单,流量很大的网站,是直接将CSS写在html代码中的?他们有什么区别?css用import还是link好?从经典论坛和另外一个网站大概了解了一下   看到淘宝网页中大部分是这样
收藏 0 赞 0 分享

揭开迷惑 理解CSS的浮动Float

  Float(浮动)概念也许是CSS中最让人迷惑的一个概念吧。Float经常被错误理解,而且因为将上下文元素全部浮动导致的可读性、可用性问题备受责难。然而,这些问题的根源并不在于理论本身,而是开发人员以及浏览器对理论的解读造成的。   如果你认真的去读一下浮动概
收藏 0 赞 0 分享

css网页布局中注意的几个问题

  一、少用偏门。   类似break-word断行,z-index手动分层,还有像垂直对齐等等这些偏门CSS最好少用,因为不一定所有浏览器都支持,而且极难通过W3C检测。   二、center不是float的值。   很多新手都会把center误认为是float的值
收藏 0 赞 0 分享

H1的位置对SEO的影响

最近对H1的讨论很多(在文章内容页中),大致有以下两种情况: H1应该用于文章的标题上 H1应该用于站点的标题上 相信大多数人都偏向第一种方式:用于文章标题上,从文章的角度上看,用户进到内容页里,想看到的当然就是文章的内容,文章标题理所当然是最重要的、最
收藏 0 赞 0 分享

网页制作与CSS的UTF-8和GB2312编码问题

不知道大家在做页面的时候会不会遇到样式定义不生效的问题,基本的表现就是怎么改样式都没显示或只有某些浏览器正常,这时通常需要做下面的几步: 确认所修改的样式文件是否是当前页面的样式文件(多个环境的情况) 确认文件中的路径是否正确(可能手误多写或少写)
收藏 0 赞 0 分享

间距浮动与对齐的最佳方案

一:让layout的间距和图片与图片之间的间距相等! 看图帮助理解! 左右方向都可以应用!别转不过来弯就行了! 二:定宽,图片文字居中和负margin 依然是看图 难点在于,如何妥善处理间距和对齐,并降低或取消计算过程! macji的跨浏览器实现:float:cen
收藏 0 赞 0 分享

CSS制作公文代码

应程序要求,全部用p 类展示。其他要求请自行更改!关于有序列表OL:直接对ol定义text-indent:4em;IE内这4em是在序列号前边,FF,GG内,是在序列号和正文中间
收藏 0 赞 0 分享