设计标题关闭所有内容预览 | 展开所有内容预览
-
CSS学习精品网站推荐
[内容预览]
1 | 2007-11-20 16:04:37
目前网页标准已是大势所趋。正如原始的品网站点，下面的这些站点将一如既往地显示群聚的力量。 凝视世界顶尖WEB设计师的标准制作，感受标准的气氛，掀起学习标准的浪潮。 CSS设计师们，+U吧。 CSSZenGarden:http://www.csszengarden.com/ CSS禅意花园是最富盛名的CSS设...
[阅读全文]
-
CSS制作网页编写的提醒及小技巧整理
[内容预览]
1 | 2007-11-20 16:04:35
1、ul标签在Mozilla中默认是有padding值的，而在IE中只有margin有值。 2、同一个的class选择符可以在一个文档中重复出现，而id选择符却只能出现一次;对一个标签同时使用class和id进行CSS定义，如果定义有重复，id选择符做的定义有效，是因为ID的权值要比CLASS大。 3、一个兼容性调...
[阅读全文]
-
简单的CSS改进网站设计的三个技巧
[内容预览]
1 | 2007-11-20 16:04:32
css是层叠式样式表的意思，是一种分离表述编码和实际内容的一种最有用的方式，也是一种使搜索引擎最优化的方式，通常，网站设计中会建立一整套的css样式标准，这些标准存储在一个扩展名为css的单独文件中。然后利用HTML链接标签设计网页的时候，就会用到CSS文件中的内容。这篇文章将会提到三种简单、但很有效的设计技术来指...
[阅读全文]
-
CSS技巧DIV为空时占据空间的解决办法
[内容预览]
1 | 2007-11-20 16:04:30
如果给div元素设置了宽度时，比如width:100%，此时div在IE中（IE6，IE7）将占据物理空间，而在FF中不占据物理空间（正确理解）。为了表述直观，将样式直接写在元素标签内： 此时在IE中到底是什么在影响着最终的显示，又是如何解析的呢？ 可能的影响因素：字体大小（font-size），字体行高（li...
[阅读全文]
-
初学入门简单了解学习CSS的伪类
[内容预览]
1 | 2007-11-20 16:04:28
类:在HTML中当表现class属性的时候，人们可以用点(.)号来作为~=号的一个替代选择，所以div.value等同于div[class~=value]。此时.value只能严格的应用于HTML中的class属性，所以此类选择符叫类选择符。在CSS中样式通常依附与一个元素在文档树中的位置，这个简单的模型对于许多情况...
[阅读全文]
-
网页（WEB）字体，CSS如何控制？
[内容预览]
2 | 2007-11-20 16:04:12
网页（WEB）字体，CSS如何控制？在开发网络应用时，没有比外观更重要的事情了。所以，如果发现设计人员十分关注字体及字体大小，我不会感到奇怪！在设计网络应用时，您必须决定如何编辑字体。使用CSS时存在大量选项，每个开发者都有自己的喜好。本文主要讨论字体大小和网络应用内的操作。字体大小CSS2规范根据长度——水平和垂直尺...
[阅读全文]
-
14个常见的CSS技巧及常见问题
[内容预览]
0 | 2007-11-20 16:04:10
1、善用css缩写可以减少页面文件大小，提高下载速度，同时使代码简洁可读。如：以下是引用片段：div{border-top:1pxsolid#cccccc;border-left:1pxsolid#cccccc;border-right:1pxsoli#cccccc;border-bottom:1pxsolid#ccc...
[阅读全文]
-
纯CSS制作的网页中的lightbox效果
[内容预览]
0 | 2007-11-20 16:04:07
“Lightbox”是一个别致且易用的图片显示效果，它可以使图片直接呈现在当前页面之上而不用转到新的窗口。lightbox效果网络上有很多js版本的介绍。不过都下载一个lightbox的js小则几十K，大则上百K。如果你只是需要一个类似Lightbox的效果，这种百分之百纯CSS制造，不含js的办法倒是可以试试。以...
[阅读全文]
-
[图文] 用图片实现超级链接的个性化下划线
[内容预览]
0 | 2007-11-20 16:04:02
实现超链接的个性化下划线其实很简单，用一些基本的语法，利用CSS中的滑动门技术（即背景图像的可层叠性），并允许他们在彼此之上进行滑动，以创造一些特殊的效果即可： 首先，我们来说说这个彩色的下划线是怎么弄的:利用一张渐变的背景图片。 再看看下面的css代码：以下是引用片段：body{font-size:14px;...
[阅读全文]
-
CSS:清除浮动的最优方法
[内容预览]
0 | 2007-11-20 16:04:00
在CSS森林群里讨论一个margin的问题中无意间发现overflow也可以用来清除浮动，嘿嘿，这个方法不单使用简单，而且FF、OP、IE7都支持，从此可以告别那又长兼容性又差的FF清浮动的方法了。方法真的很简单，只要为需要清浮动的标签加上overflow这个属性。CSS代码软件下载ul{list-style:none...
[阅读全文]
-
XHTML+CSS制作样式风格切换的WEB站点
[内容预览]
0 | 2007-11-20 16:03:57
XHTML的逐渐推广流行，HTML在许多场合已经显得过时。WorldWideWebConsortium(W3C)于2000年6月26日发布了XHTML的第一个版本作为推荐标准。XHTML标准的目标是取代html。按照W3C的说法，“XHTML是html的继承者”(http://www.w3.org/MarkUp/)。C...
[阅读全文]
-
应用DIV+CSS编码时容易犯的一些错误
[内容预览]
0 | 2007-11-20 16:03:52
CSS＋DIV是网站标准（或称“WEB标准”）中常用的术语之一，通常为了说明与HTML网页设计语言中的表格（table）定位方式的区别，因为XHTML网站设计标准中，不再使用表格定位技术，而是采用css+div的方式实现各种定位。应用应用DIV+CSS编码时很容易犯一些错误。本文列举了一些常见的错误： 1.检查HTM...
[阅读全文]
-
revealTrans滤镜制作超弦图片的播放
[内容预览]
0 | 2007-11-20 16:03:49
CSS中有revealTrans滤镜在网页中制作特效非常有用处。这次，我们准备介绍另一种使用revealTrans滤镜制作出超弦图片播放的效果。 实现思路：使用revealTrans滤镜制作出超弦图片播放的效果，并每张图片有各自的链接地址。 制作方法： 1、在<head>中插入JS代码：以下是引用片段：<SCRI...
[阅读全文]
-
css技巧之PDF、ZIP、DOC链接的标注
[内容预览]
0 | 2007-11-20 16:03:46
CSS越来越广泛的被运用，层叠样式表拥有很多表格布局所没有的优势，首先从布局或者页面的设计与出现在页面中的信息中作严格的分离，从而让页面的设计能够很容易被改变，仅用一个CSS文件更换另一个。随之很多的技巧被应用者所重用，减少一定的工作量和时间，本文介绍了PDF、ZIP、DOC链接的标注的方法。有时候我们希望能明确的用小...
[阅读全文]
-
CSS：如何编写代码才能更有效率
[内容预览]
0 | 2007-11-20 16:03:43
如何编写CSS代码才能更有效率？这是许多网页制作者与开发者都关心的问题。大概没有什么魔法，可以保证一下就把你的样式表缩小到百分之多少，但合理的CSS编码与组织技巧，的确能够帮助你的更有效率地写出更清晰高效的代码，自然，样式表大小的缩减还能减少下载的时间。 一、排版： 1.关键词和操作符之间加适当的空格。 2....
[阅读全文]
-
常用CSS缩写语法总结及缩写的原因
[内容预览]
0 | 2007-11-20 16:03:39
CSS语法在进行WEB标准网页设计时必不可少的，一般情况下我们可以通过Dreamweaver软件的“CSS样式”面板自动生成相应的CSS代码。不过虽然软件生成的CSS代码阅读清晰易懂，但就是由于CSS对条条样式定义的清晰解释，也就使得CSS代码阅读显得冗长复杂，同时CSS代码的字节数也在增加……这对于追求高效率和完美性...
[阅读全文]
-
制作网页时CSS常用的十点技巧
[内容预览]
0 | 2007-11-20 16:03:35
1.CSS字体属性简写规则一般用CSS设定字体属性是这样做的：font-weight:bold;font-style:italic;font-varient:small-caps;font-size:1em;line-height:1.5em;font-family:verdana,sans-serif但也可以把它们全...
[阅读全文]
-
解析edikids blog的CSS“加密”技术
[内容预览]
0 | 2007-11-20 16:03:33
从我发布百度CSSimport漏洞开始，就有人不断问我关于http://hi.baidu.com/edikid这个空间，到现在可能有上百人了吧！我曾经说过CSS内容原则上是不能被加密的——原因就是它需要被浏览器解析。但是当大家用我的http://dohi.cn/hisearchcss.asp对他的空间CSS进行查看时，...
[阅读全文]
-
网页设计之CSS基础语法学习
[内容预览]
1 | 2007-11-20 16:03:30
CSS语法 CSS语法由三部分构成：选择器、属性和值： selector{property:value} 选择器(selector)通常是你希望定义的HTML元素或标签，属性(property)是你希望改变的属性，并且每个属性都有一个值。属性和值被冒号分开，并由花括号包围，这样就组成了一个完整的样式声明（de...
[阅读全文]
-
[图文] 网页制作中CSS样式表的十个技巧
[内容预览]
0 | 2007-11-20 16:03:28
1.css字体简写规则 当使用css定义字体时你可能会这样做：font-size:1em;line-height:1.5em;font-weight:bold;font-style:italic;font-variant:small-caps;font-family:verdana,serif; 事实上你可以简...
[阅读全文]
-
网页中用CSS样式表隐藏文字
[内容预览]
0 | 2007-11-20 16:03:23
说明为什么现有的几种CSS隐藏文字的方法的缺陷和新的方法如何弥补。实用性一般，但是这个方法挺新颖的。 1.display:none;的缺陷 搜索引擎可能认为被隐藏的文字属于垃圾信息而被忽略 屏幕阅读器（是为视觉上有障碍的人设计的读取屏幕内容的程序）会忽略被隐藏的文字。 2.visibility:hidd...
[阅读全文]
-
想让DIV居中 如何编写CSS
[内容预览]
0 | 2007-11-20 16:03:21
网页布局技巧实例，想让DIV居中，如何编写CSS？ div居中的设置该如何编写css？我们在传统的表格布局中，只要设置表格的居中属性就实现了居中的块元素。应用divcss网站布局，div的居中该如何编写css来控制它呢？ 主要的样式定义如下： body{text-align:center;} #center...
[阅读全文]
-
通过CSS类型的顺序改变翻滚效果
[内容预览]
0 | 2007-11-20 16:03:19
你也许已经意识到，你可以通过指定每一键接的不同风格以建立CSS翻滚效果，这些链接包括普通的链接link(normal),访问，翻转，以及激活。并且，你可能也知道CSS类型的顺序可以产生效果上的差别，CSS代码后顺序的风格将会取代针对于相同元素的前顺序的风格。建立翻滚效果的类型顺序显得相当重要。现在让我们看看如何安排链接...
[阅读全文]
-
学习CSS了解单位em和px的区别
[内容预览]
0 | 2007-11-20 16:03:16
在国内网站中，包括三大门户，以及“引领”中国网站设计潮流的蓝色理想，ChinaUI等都是使用了px作为字体单位。只有百度好歹做了个可调的表率。而在大洋彼岸，几乎所有的主流站点都使用em作为字体单位，也就是可调的。没错，px比em更加容易使用，大部分读者不知道em为何物或者它相当于多少px。国外人士如此重视网站易用性...
[阅读全文]
-
如何将XHTML+CSS页面转换为打印机页面
[内容预览]
0 | 2007-11-20 16:03:14
在以前，为Web页面创建一个打印机友好的版本意味着要设计一个布局和格式都经过修改的单独页面，这样才能够在打印的时候获得令人满意的效果。现在，通过使用结构化的XHTML和CSS，你可以实现同样的效果而只用花费少得多的精力。 从屏幕显示到打印效果 大多数的Web页面都是设计适用于在计算机屏幕上观看的。然而，有的时候...
[阅读全文]
-
纯CSS搞的alt跟title效果
[内容预览]
0 | 2007-11-20 16:03:12
<style>.test{position:relative;color:#0000cc;text-decoration:none;font-size:12px;}.test:hover{background:none;}.testspan{display:none;}.test:hoverspan{display:b...
[阅读全文]
-
网页设计之css+div PK table+css
[内容预览]
0 | 2007-11-20 16:03:08
用过div+css作个整个网站，如果是纯粹的div的布局是比较麻烦的，尤其是你div里面嵌套div的，div布局的时候，你有些页面效果还是要舍弃一点的，比如图片的圆角，这些如果套div比较麻烦，在一个div在VS2005设计器里面可能变形，如果过多的套div，你实现ajax拖动效果的时候比较麻烦，所以我觉得眼下还是...
[阅读全文]
-
[图文] 彻底弄懂CSS盒子模式(DIV布局快速入门)
[内容预览]
0 | 2007-11-20 16:03:05
如果你想尝试一下不用表格来排版网页，而是用CSS来排版你的网页，也就是常听的用DIV来编排你的网页结构，又或者说你想学习网页标准设计，再或者说你的上司要你改变传统的表格排版方式，提高企业竞争力，那么你一定要接触到的一个知识点就是CSS的盒子模式，这就是DIV排版的核心所在，传统的表格排版是通过大小不一的表格和表格嵌...
[阅读全文]
-
推荐一些所谓的CSS的“顶级”技巧
[内容预览]
0 | 2007-11-20 16:03:03
Snook.Ca最近给所有的CSSer提出了一些写CSS时候的“顶级技巧”。 字体大小使用px 在一行内声明CSS对比下面两个：以下是引用片段： h2{font-size:18px;border:1pxsolidblue;color:#000;background-color:#FFF;} h2{ fon...
[阅读全文]
-
[图文] 网页标准化制作：CSS的超级技巧大放送
[内容预览]
0 | 2007-11-20 16:03:00
在之前贴出的CSS说明中已经说明了#m_blogdiv.tit是Blog文章标题的代码所以我们只要把添加图片的代码添加在后面的{}中即可。 添加代码如下： line-height:多少px;设置标题的高度，其实这里的设置为图片的高度就可以了 text-indent:多少px;设置标题的文本前面空多少宽度，这里...
[阅读全文]
