文章标题关闭所有内容预览 | 展开所有内容预览
-
CSS使网页风格设计与模板维护更简单
[内容预览]
84 | 2009-04-29
CSS语法立意让网页内容与视觉呈现分离，一方面使得页面维护工作更容易，不会因内容或视觉效果改变影响到另一方，这样的页面设计，也对搜寻引擎更为友善，更容易搜寻到页面内容。 CSS，Cascading Style Sheets ...
[阅读全文]
-
让文字居于div的底部的CSS代码
[内容预览]
524 | 2009-04-29
css对文字的布局上没有靠容器底部对齐的参数，目前使用的一个不错的方法也比较好.就是用position属性来解决，看下面的代码，用position的相对和绝对定位功能也轻松的实现了，文字靠近div低部对齐，并且靠近的距离还可...
[阅读全文]
-
css属性Media类型讲解
[内容预览]
36 | 2009-04-29
样式单的一个最重要的特点就是它可以作用于多种媒体，比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体，如"font-size"属性只对可卷动的媒体类型有效(屏幕)。 声明一个媒体属性可以用@import或@m...
[阅读全文]
-
从空格谈CSS模块化设计
[内容预览]
51 | 2009-04-29
一、空格运算符 （1）CSS语言 简单地说，CSS语言类似JS语言，是通过客户端下载后，通过本地浏览器解析。而CSS语言又是非常低级的“弱类型”语言，离JS这种基于对象的比较完善的“弱类型”语言，还差相当一段距...
[阅读全文]
-
创建三栏网页布局CSS代码示例
[内容预览]
278 | 2009-04-29
三栏布局是目前最常见的网页布局，主要页内容放在中间一栏，边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏，三栏占据整个页面的宽度，最后在页的底端放置页脚，页脚也占据整个页面宽度。 绝...
[阅读全文]
-
以CSS中absolute与relative的运用
[内容预览]
103 | 2009-04-29
Div + CSS 进行网页布局，适当地运用 absolute 与 relative，能给布局带来意想不到的效果和方便，达到事半功倍…本文介绍了关于 absolute 与 relative 的运用。 详细讲解两者的关系，需要配合例子，请先看例子： ...
[阅读全文]
-
word-wrap与word-break的区别
[内容预览]
138 | 2009-04-29
本文列举了兼容 IE 和 FF 的换行 CSS 推荐样式，详细介绍了word-wrap同word-break的区别。 兼容 IE 和 FF 的换行 CSS 推荐样式 最好的方式是 以下是引用片段： word-wrap:break-word; ov...
[阅读全文]
-
CSS上中下三行布局实例教程
[内容预览]
176 | 2009-04-18
CSS布局实例:上中下三行布局，上下定高，中间栏自适应浏览器高度，且内容垂直居中。本文代码在firefox 2.0 / win ie 6/ win ie 7 /opera 8.5 cn/win safari 测试通过。对于非ie内核浏览器，通过设定display:table、d...
[阅读全文]
-
[图文] CSS中的position定位教程
[内容预览]
399 | 2009-04-18
使用CSS来定位页面内层的位置，一直是比较难以掌握的事情，很多时候，往往被绝对定位的元素，总是以浏览器的左上角为坐标原点，此时，如果浏览器的大小改变，被定义的层就会偏离设计想要的位置，让人很挠头。 ...
[阅读全文]
-
CSS框架的利与弊剖析
[内容预览]
30 | 2009-04-18
前端时间写了一篇《利用CSS框架进行高效率的站点开发》，有不少朋友问我相关的问题。很早5key就在公司进行CSS框架的架构，也对不少朋友提出CSS框架的建议。效果是很明显的。当然，CSS框架有利也有弊，最近也看了一些...
[阅读全文]
-
相关表格边框的CSS语法
[内容预览]
22 | 2009-04-18
表格是数据的载体，不再是布局的方式，虽然我们不需要表格来进行网页布局了，但很多表格式的数据，还是需要表格这一形式发挥它的作用！我们知道Dreamweaver在表格制作方面做得非常出色，但是在某些时候还是必须结合c...
[阅读全文]
-
争夺特定选择符控制权的多个CSS样式表
[内容预览]
21 | 2009-04-18
CSS样式 层叠顺序 当使用了多个样式表，样式表需要争夺特定选择符的控制权。在这些情况下，总会有样式表的规则能获得控制权。以下的特性将决定互相对立的样式表的结果。 正如以前所提及的，网页制作者和读者都...
[阅读全文]
-
DIV+CSS常见错误集锦
[内容预览]
28 | 2009-04-18
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一，通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应...
[阅读全文]
-
absolute与relative的运用示例
[内容预览]
26 | 2009-04-18
Div + CSS 进行网页布局，适当地运用 absolute 与 relative，能给布局带来意想不到的效果和方便，达到事半功倍…本文介绍了关于 absolute 与 relative 的运用。 详细讲解两者的关系，需要配合例子，请先看例子： ...
[阅读全文]
-
做网页，用DIV布局好还是table布局好?您的最佳选择
[内容预览]
1510 | 2009-04-18
做网页，用DIV布局好？还是table布局好？？请问他们的优缺点各是什么呢? div相对table布局来说,调试起来要麻烦多了。因为要考虑各种浏览器下的css支持标准兼容性. 实际上,布局时根据需要来决定,倾向于table表示数据...
[阅读全文]
-
web标准媒体播放器代码
[内容预览]
60 | 2009-04-18
再见了Embed，一些媒体播放器的符合web标准的代码 由于Embed标签是Netscape的私有财产，故一直未被W3C认可，对于各种媒体文件使用Embed标签是非标准的，如何改变？Elizabeth Castro的 Bye Bye Embed一文对于各种媒体...
[阅读全文]
-
div+css制作水平导航条
[内容预览]
643 | 2009-04-18
创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里，就像例A里的一样。 这种方法看起来很合理也很直观。但问题是，把所有的链接都放在一行文本里就很难控制链接之间以及前后的空白。所以...
[阅读全文]
-
火狐浏览器下文字或div图层水平居中的方法
[内容预览]
632 | 2009-04-18
解决方法很简单FF下面设置容器的左右外补丁为auto就可以了. 以下是HTML网页特效代码 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xm...
[阅读全文]
-
使用DIV+CSS网页布局在SEO优化的优势
[内容预览]
49 | 2009-04-18
SEO主要就是通过对网站的结构，标签，排版等各方面的优化，使Google等搜索引擎更容易搜索网站的内容，并且让网站的各个网页在Google等搜索引擎中获得较高的评分，从而获得较好的排名。DIV+CSS网页布局对SEO有哪些影响...
[阅读全文]
-
如何让图片或文字垂直居中于div层
[内容预览]
602 | 2009-04-18
体参照方法如下: 以下是HTML网页特效代码 <!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+CSS完全基础知识
[内容预览]
86 | 2009-04-18
XHTML+CSS 选择什么样的DOCTYPE 开始制作符合标准的站点，第一件事情就是声明符合自己需要的DOCTYPE。 查看本站首页原代码，可以看到第一行就是： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitiona...
[阅读全文]
-
DIV+CSS布局的好处
[内容预览]
36 | 2009-04-18
1 内容和形式分离，网页前台只需要显示内容就行，形式上的美工交给CSS来处理。生成的HTML文件代码精简，更小打开更快。 2 改版网站更简单容易了，不用重新设计排版网页，甚至于不用动原网站的任何HTML和程序页面，...
[阅读全文]
-
div+css形成的柱状图
[内容预览]
100 | 2009-04-18
<style> #wrap {position:relative;width:500px;height:600px;} #wrap div{width:15px;position:absolute;bottom:5px;background:#f00;} </style> <div id="wrap"> <div style="height:100px;left:10px"></div>...
[阅读全文]
-
float:center 居中浮动实现
[内容预览]
396 | 2009-04-18
我们都知道float:left和float:right，但是否想过float:center呢？居中浮动。。。 <div id="macji"> <ul class="macji-skin"> <li>列表一</li> <li>列表二</li> <li>列表三</li> </ul> </div> 我们希望实...
[阅读全文]
-
XHTML校验常见的错误写法
[内容预览]
71 | 2009-04-18
1.标签“p”不能在“span”中使用。它只能在 applet, blockquote, body, button, center, dd, del, div, fieldset, form, iframe, ins, li, map, noframes, noscript, object, td, th 中使用。 [XHTML 1.0 Transitio...
[阅读全文]
-
发一个背景变暗的div可拖动提示窗口，兼容IE、Firefox、Opera
[内容预览]
367 | 2009-04-18
以下是HTML网页特效代码 <!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"> <head> ...
[阅读全文]
-
[图文] 实例演示div+css的绝对定位和相对定位布局
[内容预览]
14011 | 2009-04-18
概要： 本文主要描述XHTML中相对定位和绝对定位各自的本质、用法、区别和两者之间的关系。以及使用CSS的Left、Right、Top、Bottom属性（偏移属性）和Margin属性（外边距）对定位块级元素进行布局的方法。(本文的示例...
[阅读全文]
-
DIV+CSS模拟表格对角线
[内容预览]
60 | 2009-04-18
首先声明：这只是探讨一种CSS模拟表格对角线的用法，实际在工作中可能觉得这样做有点小题大作，这不是本主题讨论的重点。如果对此深以为然的朋友，请一笑过之。。。 有时在插入文档时，要用到表格对角线，常见...
[阅读全文]
-
流行的DIV+CSS的命名规则
[内容预览]
21 | 2009-04-18
SEO（搜索引擎优化）有很多工作要做，其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范，下面中部IT网将对目前流行的CSS+DIV的命名规则整理如下： 页头:header 登录条:loginBar 标志:logo 侧栏:s...
[阅读全文]