
正确使用a标签 href:设置链接的url地址或锚点target:设置鼠标点击链接后的目标窗口或框架页面,一般常用的是target="_blank",表示新开一个窗口打开链接,向在当前页面打开链接就不用加这个属性了title:设置鼠标移动到链接上时显示的提示信息rel:这个是最近才开始流行的新属性阅读全文
应用CSS制作的新闻网站中的文章列表:ul是html中的无序列表,li是列表中的列表项。如果没有CSS定义它的外观,它默认是显示成一列列表,并且它会存在项目符号(比如方块或实心的黑点)的列表内容。CSS网页布局中,除了新闻列表、链接运行ul、li制作以外,我们通常将菜单也用ul、li来实现。 阅读全文
css对文字的布局上没有靠容器底部对齐的参数,目前使用的一个不错的方法也比较好.就是用position属性来解决,看下面的代码,用position的相对和绝对定位功能也轻松的实现了,文字靠近div低部对齐,并且靠近的距离还可以精确到像素,自己可以调节,是不是很不错呢? 以下是引用片阅读全文
在做布局的过程中常常遇到文字围绕图片的效果。如何用CSS实现文字环绕图片的效果呢,通过这个例子就能看出。 其实很简单,就是图片浮动位置的调整。 以下是引用片段: <!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Strict//EN""ht阅读全文
DIV与TABLE本身并不存在什么优缺点,所谓web标准只是推荐的是正确的使用标签,好比说:DIV用于布局,而TABLE则本来就是转二维数据的。让TABLE做该做的事,并不是说页面里不出现TABLE就是多么多么牛。 DIV是标准,是大势所趋,但并不意味着所有的页面都适合用它来做。 中国的阅读全文
字体的处理在网页设计中无论怎么强调也不为过,毕竟网页使用来传递信息的,而最经典最直接的信息传递方式就是文字,所以,了解一点字体的基本知识对于设计来说还是非常重要的。 中文和英文的最大区别就是中文是方块字,英文是拼音文字,这对字体的处理的影响是巨大的。看看下面的图示就会发现,英文字体里的那些变化阅读全文
Div+CSS进行网页布局,适当地运用absolute与relative,能给布局带来意想不到的效果和方便,达到事半功倍…本文介绍了关于absolute与relative的运用。 详细讲解两者的关系,需要配合例子,请先看例子: 以下是引用片段:<!DOCTYPEhtmlPU阅读全文
一、空格运算符 (1)CSS语言简单地说,CSS语言类似JS语言,是通过客户端下载后,通过本地浏览器解析。而CSS语言又是非常低级的“弱类型”语言,离JS这种基于对象的比较完善的“弱类型”语言,还差相当一段距离。要知道CSS样式是定义出来的,而样式的呈现是根据文档流顺序和CSS优先级别,浏览器自己阅读全文
样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如"font-size"属性只对可卷动的媒体类型有效(屏幕)。 声明一个媒体属性可以用@import或@media引入: 以下是引用片段:@importurl(lou阅读全文
XHTML里有很多的标签,但是经常用到的也就是那么几个,也只要把握这几个也就可以了。下面我们一一列举:div,p,span,ul,li,dl,dt,dd,a,img,h,strong,em 一段时间以来,发现有很多人XHTML都不会用,不光是普通的初学者,有的程序员都不是很清楚该怎么写这个XHTM阅读全文
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用cssdiv的方式实现各种定位。应用应用DIVCSS编码时很轻易犯一些错误。本文列举了一些常见的错误: 阅读全文
用过CSS样式我们就知道,可以定义一批对象的class属性来指定同一个样式来统一界面.但如何统一同类型的对象的事件?比如:界面有无数个<imgsrc="**.jpg">如何实现鼠标经过此图片,图片的src变成是**_over.jpg?解决方法:使用css的expression方法,具体实阅读全文
本文列举了兼容IE和FF的换行CSS推荐样式,详细介绍了word-wrap同word-break的区别。 兼容IE和FF的换行CSS推荐样式 最好的方式是 以下是引用片段: word-wrap:break-word;overflow:hidden; 而不是 阅读全文
原理 将二个相同而色彩不同的文字重合在一起,通过分别给其加clip属性,使上面和下面的文字被剪切位置不同,从而产生二种不同的色彩。 以下是引用片段:clip:auto|rect(numbernumbernumbernumber)参数:auto: 对象无剪切rect(numbern阅读全文
通过指定每一键接的不同风格以建立CSS翻滚效果,这些链接包括普通的链接link(normal),访问,翻转,以及激活。并且,你可能也知道CSS类型的顺序可以产生效果上的差别,CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。 现在让我们看看如何安排阅读全文
用惯了Windows的人对各种各样的鼠标样式一定不会陌生。当鼠标移动到不同的地方时,当鼠标执行不同的功能时,当系统处于不同的状态时,都会使鼠标的形状发生变化。而在网页上往往只有当鼠标在超级链接上时才出现一个手形,在其它地方似乎没有什么变化,同充满动感的网页显得不怎么和谐。实际上,用CSS可以方便地定阅读全文
“Lightbox”是一个别致且易用的图片显示效果,它可以使图片直接呈现在当前页面之上而不用转到新的窗口。lightbox效果网络上有很多js版本的介绍。不过都下载一个lightbox的js小则几十K,大则上百K。如果你只是需要一个类似Lightbox的效果,这种百分之百纯CSS制造,不含js的办法阅读全文
用过css样式我们就知道,可以定义一批对象的class属性来指定同一个样式来统一界面.但如何统一同类型的对象的事件?比如:界面有无数个<imgsrc="**.jpg">如何实现鼠标经过此图片,图片的src变成是**_over.jpg?解决方法:使用css的expression方法,具体实阅读全文
XHTML是XML的一个应用,一些在基于SGML的HTML4中完全合法的习惯在XHTML中必须改变。编排良好性Well-formedness是[XML]引入的一个新概念。从本质上说,这意味着元素必须有结束标签,或者必须以特殊方式书写,了解web标准有关代码的规范可以帮助你少走弯路,尽快通过代码校验。阅读全文
一、长度单位 长度单位是Web页设计中最常用的一个单位。一个排列无序、杂乱无章的页面不可能给人们留下什么好的印象。于是,在设计的时候需要为元素的位置、尺寸精确地定义一些值,以使其达到预期的效果。 CSS的主要功能之一就是CSS定位,这个定位的概念即包括位置的定位,也包括尺寸的定位。无论哪一种阅读全文