CSS教程:29个特殊的CSS导航技术相关文章推荐,Web开发

CSS教程:29个特殊的CSS导航技术的相关文章

CSS Sprites (CSS图像拼合技术)教程工具

标签：Web开发

什么是CSS Sprites？ Sprite（精灵）这个词在计算机图形学中有它独特的定义，由于游戏、视频等画质越来越高，必须有一种技术可以智能的处理材质和贴图，并且要同时保持画面流畅。Sprite就是这样一种技术，它将许多图片组合到一个网格上，然后通过程序将每个网格的内容定位到画面上。 Sprite被定位到一副静态图片上，并且通过简单的程序或硬件即可正确定位到画面上，一幅幅图片就像是被变出来的，他们并...[ 查看全文 ]

司小沫00
28 1
CSS圆角技术

标签：Web开发

要一个宽度不固定的框，事情变得有些复杂了。宽度不固定，就意味着这个框在水平和垂直方向都有足够灵活的变化。为什么说这更难一些呢？因为它需要对四张图片的合适安置——每个圆角用一张。每个圆角都要独立出来，以便框能够在各个方向伸展。于是，四张图片就意味着需要四个HTML对象来作为背景图片的载体。有一些实现办法包括在样式表中使用“生成内容”，即使用：before和:after伪类来为单独的一...[ 查看全文 ]

鍖糕櫈
2 1
动态CSS 换肤技术

常见的例子就是：一个站点上有多个页面样式提供浏览者选择。同时，在选择了某样式后，再次打开该页面时，将仍然保持该样式。自然会想到了Cookie技术下面是HTML代码部分（另外再加需要的CSS文件就可以使用了）： <HTML <HEAD <link ID="skin" rel="stylesheet" type="text/css" <TITLE换肤技术</TITLE <SCRIPT LANGUAGE=javascript <!-- function&n...[ 查看全文 ]

奇葩奇葩镚啪啪
12 1
动态CSS换肤技术

标签：Web开发

见的例子就是：一个站点上有多个页面样式提供浏览者选择。同时，在选择了某样式后，再次打开该页面时，将仍然保持该样式。自然会想到了Cookie技术以下是程序代码： HTML HEAD link ID="skin" rel="stylesheet" type="text/css" TITLE换肤技术/TITLE SCRIPT LANGUAGE=javascript !-- function SetCookie(name,value){ var a...[ 查看全文 ]

然后呢一
3 1
CSS实例教程：纯CSS3编写的面包屑导航

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

随着Web技术越来越先进，浏览器更新换代也很快，在国内很多网站已经有使用css3和html5的技术了，所以我们也应该多学习这些新知识，设计达人网站整理的资料，你在学校、图书上也是未必能看到的。今天我们整理了10个纯CSS3制作的面包屑导航，这些都是通过CSS3来编写，十分方便，而且实用。有些文章附有教程，大家可以学习研究一下。漂亮面包屑导航扁平化面包屑导航圆形风格面包屑导航 CS...[ 查看全文 ]

905167571
14 1
CSS产生的特殊效果

标签：Html CSS布局 Div+CSS XHTML

经常有朋友问：如何使有超级连接的文字不出现下划线，如何使鼠标移动到超连上产生变色的效果？其实这些通过传统的方法是办不到的。而使用CSS的控制却可以非常轻松地作到，而且，页面的代码也不会臃肿。 ★★先看看超连没有下划线的例子：例子1：这个连接可以去页面底部，但是没有下划线。是如何作到这一...[ 查看全文 ]

dqintijiao28
3 1
利用CSS制作动感导航栏

标签：Web开发

我们在浏览很多网站的时候会看到有的网站当你的鼠标移动到导航栏的文字上的时候会感觉字在动，或则字体的颜色会变，或则有上划线，看看我的博客上导航栏的效果你的明白了，今天三少就来告诉大家这是怎么样实现的。其实这个很简单，它实际上是用CSS来实现的，请跟着我的步骤做，Let' Go! 1.进入你的个人门户管理，选择个人门户设置，然后选择模版选择，选择自定义CSS进入。 2...[ 查看全文 ]

爱的讨伐99
7 1
DIV+CSS技术入门

标签：Web开发

CSS是Cascading Style Sheets（层叠样式表单）的简称。更多的人把它称作样式表。顾名思义，它是一种设计网页样式的工具。借助CSS的强大功能，网页将在您丰富的想象力下千变万化，越来越多的人在学习而很多初学者没有一个头绪，整理了一些学习的方法给大家。一. CSS学习重在方法! 学习任何东西都是一样，从小学、中学、大学，除了学习知识外就是去学习方法! 要想掌握CSS, 首先要学会HTML! ...[ 查看全文 ]

友家快捷旅店
4 1
纯CSS制作简洁的垂直导航

标签：Web开发

CSS代码以下是引用片段：/* common styling */ /* set up the overall width of the menu div, the font and the margins */ .menu { font-family: arial, sans-serif; width:750px; margin:0; margin:50px 0; } /* remove the bullets and set the margin and padding to zero for the unordered list */ .menu ul { padding:0; margin:0; list-style-type: none; } /* 浮动列表，...[ 查看全文 ]

陶桃子_Home
16 1
CSS技巧教程：10个在线CSS压缩工具

标签：平面设计海报设计广告设计画报设计签名设计服装设计名片设计画册设计版式设计商标设计

CSS压缩工具可以自动完成清理你的代码的大部分工作。它们中的很多会告诉你你的文件被压缩的百分比，所以请多尝试几个以了解哪个是最好的。 CSS Drive 可选项: 压缩模式: 低、普通、高度压缩注释压缩:不压缩、全部、或者长于某个特定值的。 CSS Compressor 可选项 (每个均可选Yes 或No ): 重排属性压缩色彩压缩font-weight小写化选择器去除不必要的空间去除不必要的分号 Arantius 可选项 (...[ 查看全文 ]

笑笑美衣
1 1
CSS教程:css组合与CSS嵌套的写法

标签：Web开发

CSS组合你不必重复有相同属性的多个选择符，你只要用英文逗号（,）隔开选择符就可以了。比如，你有如下的代码： h2 { color: red; } .22333 { color: red; } .22333com { color: red; } 则你可以这样写： h2,.22333,.22333com { color: red; } 使用组合，你可以一次定义多个CSS，为你节省很多字节和时间。 CSS嵌套 CSS结构好的话，没有必要使用过多的类或者标识选择符。这是...[ 查看全文 ]

乔林儿
5 1
CSS教程:条件CSS的介绍

标签：Web开发

Conditional-CSS允许你针对单一浏览器或浏览器组写出有逻辑条件的可维护的特定的CSS声明。使CSS针对特定的浏览器。简化你对CSS文件的维护。优化你的CSS。解决CSS那些使人烦恼的小BUG。自动扩展和引入@import声明。它是免费和开源的！毫无疑问，你会发现很多情况下，不同的浏览器需要不同的样式声明，针对这一点，Conditional-CSS可以让你在你的CSS声明中添加Internet Explorer内置式条件样式。...[ 查看全文 ]

yiti1314
6 1
css教程:css和document

标签：Web开发

Cascading Style Sheets: The Definitive Guide, 2nd Edition is a thorough review of all aspects of CSS2.1 and a comprehensive guide to CSS implementation. The book includes new content on positioning, lists and generated content, table layout, user interface, paged media, and more. It explores in detail each individual CSS property and how it interacts with other properties,...[ 查看全文 ]

愤青小卉卉
2 1
创建一个纯CSS的水平导航条

标签：Html CSS布局 Div+CSS XHTML

按照传统的方法，导航条由放在一行表格单元里的图形图像构成。由于人们不再推荐用表格来定位任何非表格的页面内容，所以很多制作Web的人正在寻找（新的）方法，用结构化的XHTML标记和CSS格式来创建导航条。一个简单的CSS导航条创建CSS样式文本导航条的最简单解决方法也许就是把所有的链接都放在一行文本里，就像例A里的一样。这种方法看起来很合理也很直观。但问题是，把所有的链接都放...[ 查看全文 ]

zzcclove
7 1
CSS教程:CSS兼容的技巧

标签：Web开发

让你的样式完美兼容各大浏览器，这个方案主要是用来解决Safari的，Opear是在测试的时候顺带试了一下，结果发现竟然也行，所以顺便也解决了。 .e {/*FF OP*/ background-color: #FF0000 } html* .e{/*Sa IE7 OP*/ background-color:#FF00FF } *+html .e{ background-color:#000000;/*OP*/ *background-color:#0000FF;/*IE7*/ } * html .e{/*IE6*/ background-color:#00FFFF } 经FF2、OP9.21、...[ 查看全文 ]

魒行者
6 1
Webjx推荐30个网站导航使用CSS的最佳方式

标签：Web开发

我们看到创新的方法，使设计者和开发者使用的CSS创新其不足之处。这里，您可以找到一些网站导航使用CSS的最佳方式。你会发现各种各样的技术，真正展示了能力的CSS 。在这篇文章中，你会找到一个收集优秀的导航技术，使用的CSS为用户提供令人印象深刻的界面。 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 12. 13. 14. 15. 16. 17. ...[ 查看全文 ]

快乐的佐佐
2 1
CSS教程:CSS中的定位（position）

标签：Web开发

使用CSS来定位页面内层的位置，一直是比较难以掌握的事情，很多时候，往往被绝对定位的元素，总是以浏览器的左上角为坐标原点，此时，如果浏览器的大小改变，被定义的层就会偏离设计想要的位置，让人很挠头。其实，要想控制好层的绝对定位，只要理解CSS中关于定位（position）的定义，一切就会变得轻松简单。 CSS中关于定位（position）是这样定义的：定位（position）允许用户精...[ 查看全文 ]

一辈子的孤单zg
3 1
CSS基础教程:CSS的应用

标签：Web开发

有三种方法应用CSS 一、In-line 行内行内样式是在html标签里直接使用style属性 p style="color: red"text/p 设定段落文字红色。但要记住，最后的HTML应该是独立出来，使用表现文档，所以行内样式应该在任何地方避免。二、Internal 内部使用于整个页面的植入内部样式在head标签里面，style标签包围样式。 !DOCTYPE html PUBLIC "-//W3C/...[ 查看全文 ]

上官黄毛
1 1
CSS3中的5个有趣的新技术

标签：Web开发

CSS是众所周知且应用广泛的网站样式语言，在它的版本三(CSS3)计划中，新增了一些能够节省时间的特性。尽管只有当前最新了浏览器版本才能支持这些效果，但了解它们还是必须且很有趣味性的。网页教学网将在这篇文章向大家展示CSS中的5个有趣的新技术:圆角、个别圆角、不透明度、阴影和调整元素大小。相关文章：介绍CSS3使用技巧5个 1：基本标记在我们开始这个教程之前，先来创建整个教程都要使用的基...[ 查看全文 ]

风中少年heart
4 1
CSS教程之CSS盒模型

标签：Web开发

CSS 盒模型网页设计中的每个元素都是长方形的盒子。盒子的尺寸是怎样精确计算的，请看下图：如果是 Firebug 用户的话(基本和前端有关的都会用到 Firebug 吧 – 糖伴西红柿)，就会很熟悉下面的图表了。这个图表很好地展示了作用于页面上任意盒子的数值。注意以上两个例子中，margin 都是白色的。Margin 比较特别，它不会影响盒子本身的大小，但是它会影响和盒子有关的其他内容，因此 ma...[ 查看全文 ]

万尽凋零
2 1

上一页 21287 21288 21289 21290 21291 21292 21293 21294 21295 下一页