标签 标签 下的文章霓虹建站 > 后花园

精选30个优秀的CSS技术和实例

今天,我们为大家收集精选了30个使用纯CSS完成的强大实践的优秀CSS技术和实例,您将在这里发现很多与众不同的技术,比如:图片集、阴影效果、可扩展按钮、菜单等…这些实例都是使用纯CSS和HTML实现的。单击每个实例的标题可以被转向到该技术实例的相关教程或说明页面(英文),单击每个实例的图片截图可以直接跳转到相应实例的Demo页面。1.Hoverbox 图片集一个纯净的基于CSS的图片集,鼠标悬停缩略图就会显示放大效果。2.高级CSS菜单一款很有创意且复杂的CSS导航方案。3.滑动影集手风琴效果的影集,悬停便可拉伸图片。4.Lightbo……

技巧运用无极限 HTML表格使用从入门到精通

如果你是一名网页设计人员,如果你的网页里没有一个表格,那可以说算不上一个网页(当然全FLASH作品除外),表格的重要性就可想而知。帮助我们控制网页布局、控制内容的显示等等。使用表格有很多的技巧,你可否知道呢?  使用表格排版网页   使用表格排版网页,可以使你的网页更美观,条理更清晰,更易于维护和更新。(将表格的宽设为100%,可以使网页的兼容性更好)  要尽量细化表格   不要把整个网页放在一个大的表格里,因为一个大表格里的内容要全部加载完才会显示,如果整个网页放在一个表格里,那么你的网页就只会两种情况:   1、全部不显示   2、全部显示出来 ……

HTML基础知识:学习掌握HTML 标准属性

HTML标签拥有属性。每个标签的特殊属性均被列于每个标签描述之下。这里列出的属性是通用于每个标签的核心属性和语言属性(有个别例外):核心属性 (Core Attributes)以下标签不提供下面的属性:base、head、html、meta、param、script、style以及title元素。属性值描述classclass_rule or style_rule元素的类(class)idid_name元素的某个特定id。style样式定义内联样式定义。title提示文本显示于提示工具中的文本。语言属性 (Language Attributes)以下……

CSS 中的黄金分割率

这是一位叫 Christos Chiotis 的希腊 Web 设计师发表在 CssGlobe 的一篇文章,讲述了黄金分割率在 CSS 中的应用。黄金分割率是一个应用广泛的数学常数,大约为 1.6180339887。黄金分割率用在 Web 设计中,可以为设计带来更多视觉上的和谐。在一个简单的两栏式页面布局中,使用两个容器,第一个容器用来显示主要内容,第二个容器显示侧条。比如,页面宽度为 960 px,使用黄金分割率,主内容容器的宽度应该为 960 / 1.62 = 593 px,而侧条的宽度为 960-593=367 px。作者建议,在 Web 排版与……

分析(X)HTML Strict 下的嵌套规则

下面是一份在 HTML 4 Strict 和 XHTML 1.0 Strict 下必须遵守的标签嵌套规则,比如你不能在 <a> 里面再嵌入一个 <a> 这样的约定。  说明:  为了方便读者阅读,本文中的标签使用了大写(根据 XHTML 的规则,元素名必须小写,比如 而不应是 )  小写的单词表明一组或一系列 HTML 标签  每一项条目(标签)后都跟随一组标签列表,如果没有这个列表,那么表明该条目(标签)内部不允许包含任何标签。这意味着该条目内部只能包含纯文本内容(#PCDATA,见下文)。如果注明 (empty),这意味着……

浅谈XHTML(可扩展HTML)标准中CDATA

近来,随着XHTML(可扩展HTML)标准的出现,<script/>标签也经历了一些改变。该标签不再用language特性,而用type特性声明内嵌代码或要加入的外部文件的mime类型,JavaScript的mime类型是"text/javascript"。例如:<html>  <head>  <title>Title of Page</title>  <script type=”text/javascript”>  v……

用CSS设计你的搜索框

今天我将介绍一下如何使用CSS中的背景图片来设计你的搜索框。之前我使用别的方法来实现我的表单和搜索框,但是这种方法看起来会更容易些,所以我想将它与感兴趣的朋友分享。View Demo 原始方式 首先来让我们看看我的原始的使用<input type=”image” src=”image_url” />的方法:<form method="get" id="searchform" action="http://www.sohtanaka.co……

使用XHTML按标准重构网站

我们曾经为本节撰写的标题是:“XHTML:简单的规则,容易的方针。”原因之一是,本节讨论的规则和方针是简单和容易的。原因之二是,一本简单和容易的WEB设计图书,就像超级市场的新式的免费商品一样,虽然常见却可以有效地吸引人的眼球,这样的东西可以刺激人的兴趣,并且鼓励人们尝试。我确实希望本节的内容可以激发你的兴趣,并鼓励你去尝试。为什么这么说呢?因为一旦你掌握了本章包含的简单容易的理念,你就会重新思考网页运作的方式,并开始改变建造它们的方法。然而我并不希望你只是将代码重新改写一边。我希望你可以实实在在地以另一种方式思考和工作。另一方面,重构才是XHTML……

简洁纯净的CSS表单设计实例

很多CSS爱好者不喜欢HTML表格,尤其是在制作表单的时候,虽然现在已经是XHTML+CSS的年代,但表单的设计大多还在采用table来布局。那 么,有没有更好的使用纯语义化XHTML+CSS设计表单方法呢?今天让我们一起来尝试这种更符合语义化的方法来代替Table嵌套的表单元素吧!在这里我要说,并不是要完全摒弃table的使用,它有它的语义化布局作用,尤其是在存储数据的时候。我在大多数情况下会使用纯CSS来设计表单, 但是,我也很喜欢表格,只要我们能在正确的地方使用正确的元素就可以了,不要太过追求所谓的DIV+CSS。直接使用table要比使用CS……

网页文本排版知识:为正确的内容使用恰当的标

在制作网页时,文本内容是必不可少的!那么我们该如何对网页文本进行正确排版呢?当段落标签p应该使用在段落的时候还有许多滥用换行标签br的情况,p用于表现段落是公认的。基于同样的逻辑,很多标签应该被用来定义确定的文本元素,比如引用,缩写和计算机代码等。应该记住的是,尽管大部分浏览器用不同的方式处理这些标签,最重要的是记住,不是为了让元素看起来像什么,而是它赋予的含义是什么。缩写和首字母组合词缩写标签abbr和首字母组合词标签acronym分别用于缩写词语和首字母组合而成的缩写词。缩写是一个惯用词组的缩短形式。很平常。然而,首字母缩写词则是组成词组的每个单……
嘿,我来帮您!