文章标题关闭所有内容预览 | 展开所有内容预览
-
网页标准化 CSS代码缩写精简实例
[内容预览]
52 | 2008-09
一些CSS属性允许使用一串值代替许多属性,值使用空格分开。 margin,pdding和border-width允许合并margin-top-width,margin-right-width,margin-bottom-width等等,形式像这样:property:toprightbottomleft;逆时针顺序。...
[阅读全文]
-
告诉你html的几个小技巧
[内容预览]
52 | 2008-09
虽然现在有许多网页制作工具能让您轻松地完成工作,但如果使用HTML则可以得到更大控制权,下面介绍几个小技巧。 1。使用<tt>,<i>,<br>语句来控制文字排版比用<pre>好得多。如:<tt>实用网络<br><i>曾伟滨</i><br></tt> 2。不要用800*600的分辨率来制作网页,当浏览者用640*...
[阅读全文]
-
WEB标准教程:链接和文本标签的应用
[内容预览]
50 | 2008-09
我们都知道网页的最大特性是“链接”,是的这个在我们现在看起来习以为常的东西,让我们的生活发生了巨大的变化,是这个小小的标签成就了这个世界上无数的互联网天才。那么让我们看看这个标签的真面目:<ahref="URL">文本区</a>,就是这个简单的标签,其实大家都在使用,用Dreamweaver可以...
[阅读全文]
-
XHTML入门学习教程:框架标签使用
[内容预览]
50 | 2008-09
框架结构标签<frameset></frameset>框架允许你在一个浏览器窗口内打开两个乃至多个页面。你可以这样理解,<frameset>其实就是一个大<table>,只不过整个页面是<table>的主体,而每一个单元格的内容都是一个独立的网页。给框架结构分栏(”cols“和”ro...
[阅读全文]
-
XHTML标签写法应该注意的问题
[内容预览]
50 | 2008-09
XHTML里面的img标记应该这样写:<imgalt=""src=""/>,这种写法也就是所谓的自关闭,在XML中是完全合法的写法。如果你熟悉XML相关的开发,可能也就习惯于这种写法,想着XML中任何不含子节点的元素都可以这样写,那么XHTML中没有内容的标签也都可以这样写。XHTML中理论上当然允许任何标签以自关闭的...
[阅读全文]
-
WEB标准学习:自定义打开链接的方式
[内容预览]
50 | 2008-09
由于在XHTML1.0过渡型标准之前,target="_blank"属性一直是点击链接后弹出新窗口的方法,但是XHTML1.0严格型标准以及XHTML1.1之后就不再支持target属性, 也就是说不能再用target="_blank"来弹出一个新的窗口!本实例探讨的是在XHTML1.1标准下弹出新窗口的方法,并...
[阅读全文]
-
CSS教程:关于H1的使用技巧
[内容预览]
50 | 2008-09
来蓝色一直都在潜水,很少写帖子,太对不起大家了.下面和大家探讨一个话题,希望能引起大家的兴趣. 关于H1,一直都想和大家讨论H1用法的问题,可在RTX上好象一直没有提起大家的兴趣. 看过很多页面,很多人对H1的理解都不一样,个人有个人独到的创新想法,这样的答案也没有谁对谁错,就象大家每个人写CSS的习惯都不一样,...
[阅读全文]
-
CSS教程关于css框架网页设计
[内容预览]
50 | 2008-09
个人总结了在开发css框架中的一点经验,献丑了。希望大家的讨论能使我们共同进步。:) 1、css框架 中国的互联网行业已经发展了10年,浏览器也从最早流行的NS到现在的FF3.IE7等等……前端开发工程师的职位也诞生了。近几年在web开发中,有个非常火的词——&...
[阅读全文]
-
CSS布局实例:上中下三行,中间自适应
[内容预览]
50 | 2008-09
CSS布局实例:上中下三行布局,上下定高,中间栏自适应浏览器高度,且内容垂直居中。本文代码在firefox2.0/winie6/winie7/opera8.5cn/winsafari测试通过。对于非ie内核浏览器,通过设定display:table、display:table-row和display:table-c...
[阅读全文]
-
关于CSS 框架的论述
[内容预览]
50 | 2008-09
最近看到N多介绍CSS框架,前些天我说过一句话:“在我有限的视野里,还没见到可以真正可以称得上css框架的东东~”,当然也可能是我的视野太小了,或者是说世界太大了,我自己还是感觉还有一大堆我看不到的东西。 先来看一下一个我比较认同的概念: 框架可分为白盒(White-Box)与黑盒(Bla...
[阅读全文]
-
DIV+CSS常用的网页布局代码
[内容预览]
50 | 2008-09
单行一列 以下是引用片段: body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;} 两行一列 以下是引用片段: body{mar...
[阅读全文]
-
CSS教程:CSS文件应该保持整洁和统一
[内容预览]
50 | 2008-09
一位网友遇到了一个头疼的问题。需要对经过若干次修改以后的网站进行重整,需要剔除冗余的代码,在CSS样式重整方面,比较头疼,不仅需要对现有的样式进行合并与精简,还需要为网站增加换肤功能。 不难看出,这是一个令人感觉很烦躁的工作,面对一行一行代码头皮发麻。如果我们养成良好的习惯,或许可以让工作更容易一些。就此问题与经验,...
[阅读全文]
-
CSS初学者应该保持的一种心态
[内容预览]
50 | 2008-09
前几天有个人退群了。起因很简单,他问了一个问题,没人回答,于是说要退群,后来我看到了,给了个链接,说这个问题已经说过好多遍了,于是他就退了。 打开QQ的群列表,我所在的技术群有5个,不包括原来参加过又退了的。另外,还去几个论坛里看。看得多了,忽然觉得有几句话想说给初学者。 97年,我开始接触网络,然后开始做网页,直...
[阅读全文]
-
初学DIV+CSS应该理解HTML标签的语义
[内容预览]
50 | 2008-09
如今Web标准都被通俗的叫做“div+css”或者“层布局”。我不反对这种便宜行事的叫法。但是这样会陷入一个误区:即大量的使用div标签作为结构元素。事实上这是一种更高级的div滥用(JeffreyZeldman在《网站重构》一书中提到)。HTML为我们提供了相当丰富的标...
[阅读全文]
-
如何像table一样对层div进行轻松布局
[内容预览]
50 | 2008-09
下面是我翻译的内容,是根据我对文章的理解意译的,你就别挑哪里翻译的不对了,我的目的只是传达这个CSS技巧。许多网页设计师都喜欢,将两个或者多个容器等高的并排放置,并在里面展示每个容器的内容,就象经典表格布局中的单元格控制几个栏目的位置,也喜欢容器的内容居中或顶部对齐显示。但是你又不喜欢用table来实现他,那怎么办呢?...
[阅读全文]
-
JS解决网站防挂IFRAME木马方案
[内容预览]
50 | 2008-09
最近公司和好朋友的网站纷纷被IFRAME了,有的挂上了鸽子,有的疯狂地弹窗,有的给人家增加流量。一个个文件去查找替换那些IFRAME代码,刚松口气,不久又加上去了。于是他们向我这个"JS高手"求救,我也不能等闲视之,只好击键杀杀杀了。 因为FF(Firefox)不怕IFRAME,于是就拿IE开刀。我只写了一句代码,...
[阅读全文]
-
[组图] 标记语言:为指定css样式
[内容预览]
50 | 2008-09
把内容与显示效果分开设定的好处之一就是灵活,通过用CSS控制网站的版面布局(在第十二章用过的方法),就能控制整个网站的设计要素,改变几条规则,就能立刻戏剧性的更新上千个页面.用CSS控制布局的的便利性示范之一,就是为<body>指定样式,通过为<body>标签加上class或者id,就能对页面的任何标签进行自定义控制....
[阅读全文]
-
写给喜欢用DreamWeaver编写CSS人的一些建议
[内容预览]
50 | 2008-09
在DreamWeaver中编写CSS,这种编写习惯并不提倡,不过由于"可视化"和操作简便,使用的朋友依然很多,今天罗列一些“最佳习惯”,希望对这些朋友有所帮助。 CSS正在改变网站设计的进程。为迎合不断增长的倾向于CSS的设计人员的需求,MacromediaDWMX引进了一些新的及改善过的CS...
[阅读全文]
-
一句css代码实现黑白素色网页
[内容预览]
50 | 2008-09
一句css代码实现黑白素色网页,向遇难者志哀,在网站的css代码中,在第一行加上入:BODY{FILTER:gray;}
[阅读全文]
-
快速将你的网站变成灰色
[内容预览]
50 | 2008-09
如果用传统的方法将网站变成黑白色非常的麻烦,需要更换页面的文件,并且要对图片进行更改。但如果自己的网站支持CSS的话,一切变得很简单。只要是符合w3标准的网页,在CSS文件的最前面加上一行代码就可以了,这段代码使用的是CSS滤镜,将网页中的色彩部分过滤掉。html{filter:progid:DXImageTransf...
[阅读全文]
-
IE7对css选择器的改进
[内容预览]
50 | 2008-09
今天稍稍看了一下IE7对css选择器的改进,出乎我的想象,竟然修复了大部分bug。1、对伪类的支持。IE6和更低的版本对于伪类的支持仅限于a标签,诸如“:hover”、“:active”、“:focus”之类的伪类理论上是应该适用于所有元素的,但是...
[阅读全文]
-
CSS教程:简化CSS中属性的示例
[内容预览]
50 | 2008-09
在工作中编写CSS代码时,经常会出现冗余的代码,特别是用“可见即可得”工具来编写,为了提高代码的质量及文件压缩到最小,使代码具有可读性,我们不得不把CSS代码简化。 下面用一些比较常用的属性来做示例: margin margin-top:1px; margin-right:1px; m...
[阅读全文]
-
DIV+CSS常见错误汇总
[内容预览]
50 | 2008-09
CSS+DIV是网站标准(或称“WEB标准”)中常用的术语之一,通常为了说明与HTML网页设计语言中的表格(table)定位方式的区别,因为XHTML网站设计标准中,不再使用表格定位技术,而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的...
[阅读全文]
-
CSS教程:简单理解em
[内容预览]
50 | 2008-09
px比em更加容易使用,em指字体高,任意浏览器的默认字体高都是16px。所以未经调整的浏览器都符合:1em=16px,所以10px=0.625em。为了简化font-size的换算,需要在css中的body选择器中声明Font-size=62.5%,这就使em值变为16px*62.5%=10px,这样12px=1.2...
[阅读全文]
-
CSS初学者常犯错误汇总
[内容预览]
50 | 2008-09
前面文章介绍了给CSS初学者收集的技巧,这篇汇总下CSS初学者容易犯的错误。推荐阅读本站的XHTML教程专题内容。 在编写CSS样式时,常常会出现一些问题,有些问题可以很快得已解决,而有些问题可能会浪费我们很多的精力和时间。特别是新手朋友,对各方面的知识不是非常了解,编码经验也有限,遇到问题手足无措,现收集整理了十个...
[阅读全文]
-
CSS设计网页时的一些常用规范(1)
[内容预览]
50 | 2008-09
CSS命名规范一.文件命名规范 全局样式:global.css; 框架布局:layout.css; 字体样式:font.css; 链接样式:link.css; 打印样式:print.css;二.常用类/ID命名规范 页 眉:header 内 容:content 容 器:container 页 脚:f...
[阅读全文]
-
垂直三栏布局拥有相同高度的方法(1)
[内容预览]
50 | 2008-09
作者:AlanPearce原文:Multi-ColumnLayoutsClimbOutoftheBox地址:http://alistapart.com/articles/multicolumnlayouts我们都了解拥有相同高度的布局是很麻烦的事,有很多相关资料提到过相关设计方法,所以在这我就不多做解释了。最近在研究一...
[阅读全文]
-
div+css布局漫谈
[内容预览]
50 | 2008-09
1.CSS布局常用的方法:float:none|left|right取值:none:默认值。对象不飘浮left:文本流向对象的右边right:文本流向对象的左边它是怎样工作的,看个一行两列的例子xhtml:<divid="warp"><divid="column1">这里是第一列</div><divid="col...
[阅读全文]
-
利用CSS层叠(cascade)处理样式冲突
[内容预览]
50 | 2008-09
即使在不太复杂的样式表中,也可能会有两个或者更多个规则找到同一元素。CSS通过一个叫做层叠(cascade)的过程处理这种冲突。层叠给每个规则分配一个重要程度指数。作者定义的样式具有最高的重要性指数,其次是用户定义的样式。但是为了增强用户的控制能力,用户可以通过为任何规则增加一个!important来提高它的重要性指数...
[阅读全文]
-
CSS+DIV标签命名规范
[内容预览]
50 | 2008-09
搜索引擎优化(seo)有很多工作要做,其中对代码的优化是一个很关键的步骤。为了更加符合SEO的规范,下面是目前流行的CSS+DIV的命名规则: 登录条:loginBar 标志:logo 侧栏:sideBar 广告:banner 导航:nav 子导航:subNav 菜单:menu 子菜单:subMenu ...
[阅读全文]
