拥有CSS标签的文章
CSS

JS判断浏览器是否支持某一个CSS3属性

1、引子css3的出现让浏览器的表现更加的丰富多彩,表现冲击最大的就是动画了,在日常书写动画的时候,很有必要去事先判断浏览器是否支持,尤其是在写CSS3动画库的时候。比如transition的animation-play-state,就只有部分浏览器支持。2、检测方法下面的方法可以使用脚本判断浏览器是否支持某一个CSS3属性:/***判断浏览器是否支持某一个CSS3属性*@param{String}属性名称*@return{Boolean}true/fal

系统 2019-08-29 23:12:45 2775

CSS

用CSS floats创建三栏页布局

用CSSfloats创建三栏页布局作者:Builder.com2004-04-2111:16AM三栏布局是目前最常见的网页布局,主要页内容放在中间一栏,边上的两栏放置导航链接之类的内容。基本布局一般是标题之下放置三栏,三栏占据整个页面的宽度,最后在页的底端放置页脚,页脚也占据整个页面宽度。绝大多数网页设计者都熟悉传统的网页

系统 2019-08-29 22:59:23 2734

CSS

使用CSS和JQuery,模拟超链接的用户单击事件

在正式开始本文之前,先来简单介绍下HTML的标签:使用标签,我们可以在HTML页面上定义锚(anchor),锚有两种用法:通过使用href属性,创建指向另外一个文档的链接(或超链接)通过使用name或id属性,创建一个文档内部的书签(也就是说,可以创建指向文档片段的链接)本文的内容与锚的第一种用法有关。

系统 2019-08-29 23:32:39 2733

CSS

纯CSS打造的Family tree(族谱)

Familytree(族谱),也称家谱,用来记录家族世系繁衍辈份关系。本文结合实例,不借助任何js脚本,使用纯CSS打造一个漂亮的Familytree(族谱),也可以应用的企业组织架构图中。查看演示下载源码HTML我们使用div#tree来包含整个族谱结构,内部以ul和li元素构建数据源。实际开发中这些族谱数据源可以从数据库中读取,就像得到一个无限级的分类列表,以下是主要的html结构。
  • 系统 2019-08-29 23:03:42 2731

CSS

css图片旋转

图片旋转效果的一些研究、jQuery插件及实例一、前面的唠叨图片的旋转可以说是一种效果,但是逐渐的,旋转已经不单单是属于视觉效果那个范畴,其更具有使用性,功能性。我们都知道,照片有时候是需要横过来的拍的,当我们预览或共享到web上时需要进行旋转。这个操作在以往可能更多的是交给软件去完成,然后再将旋转到正常角度的图片发布到web上。但是,现在直接就可以在web上对图片进行旋转之类的处理,就算图片处理软件再怎么方便好用,也不及直接发布时对图片做调整来的方便。这

系统 2019-08-29 22:28:03 2719

CSS

使用LESS或Sass重构CSS代码

作者WernerSchuster译者杨晨发布于2009年7月28日上午5时56分在Web开发中,CSS的使用是非常普遍的,但滥用的情况也是屡见不鲜。LESS和Sass都是用Ruby实现的工具,可以帮助开发者写出复用性更优的CSS文件。它们的方法基本类似:将类似CSS但是更为强大的输入语言,最终转换为CSS代码。两种语言给CSS添加的特性都是相似的,具体参见LESS和Sass的文档。下面是一个简略的概述:变量:LESS中的@name和Sass中的!name都

系统 2019-08-12 01:33:40 2711

CSS

CSS 循序渐进(二)字的艺术

CSS循序渐进(二)字的艺术转自:动态网制作指南www.knowsky.com说到CSS,笔者用的最多的还是它的排版和字型设计功能。因为网页嘛,最终还是要做给人家看的,要传递信息给对方的,所以不管怎么说,这种传递形式非常重要,具体说来,也就是字的控制和版面的控制。另外一个很重要的原因就是中文相当难处理,Windows自带的中文字库很少,而中文的美术效果又很难做,远不如英文那么随随便便写几个字就很舒服。所以借助CSS的帮助就更显得有必要。好,废话也不多说了。

系统 2019-08-29 23:16:52 2704

CSS

DIV-CSS学习笔记

1.声明文档类型:XHTML1.0提供了三种DTD声明可供选择:a.过渡的(Transitional):要求非常宽松的DTD,它允许你继续使用HTML4.01的标识(但是要符合xhtml的写法)。完整代码如下:b.严格的(Stric

系统 2019-08-12 09:29:54 2696

CSS

WEB2.0标准教程:第九天 第一个CSS布局实例

接下来开始要真正设计布局了。和传统的方法一样,你首先要在脑海里有大致的轮廓构想,然后用photoshop把它画出来。你可能看到有关web标准的站点大都很朴素,因为web标准更关注结构和内容,实际上它与网页的美观没有根本冲突,你想怎么设计就怎么设计,用传统表格方法实现的布局,用DIV也可以实现。技术有一个成熟的过程,把DIV看成和TABLE一样的工具,如何运用就看你的想象力了。注:在实际应用过程中,DIV在有些地方的确不如表格方便,比如背景色的定义。但任何事

系统 2019-08-29 22:59:44 2692

CSS

CSS Reset

CSSReset是指重设浏览器的样式。在52CSS.com以前的文章中,也介绍过相似的知识,但不够深入,今天我们看十个CSSReset方法的例子,学习这种方法的应用。在各种浏览器中,都会对CSS的选择器默认一些数值,譬如当h1没有被设置数值时,显示一定大小。但并不是所有的浏览器都使用一样的数值,所以有了CSSReset,以让网页的样式在各浏览器中表现一致。一、GenericResetCSSExampleSourceCode[www.52css.com]*{

系统 2019-08-12 09:30:18 2691

CSS

css样式教程 1、CSS的应用

有三种方法应用CSS一、In-line行内行内样式是在html标签里直接使用style属性程序代码text

设定段落文字红色。但要记住,最后的HTML应该是独立出来,使用表现文档,所以行内样式应该在任何地方避免。二、Internal内部使用于整个页面的植入内部样式在head标签里面,style标签包围样式。程序代码

系统 2019-08-29 23:17:16 2688

CSS

css基础知识

开始CSS(CascadingStyleSheet,可译为“层叠样式表”或“级联样式表”)是一组格式设置规则,用于控制Web页面的外观。通过使用CSS样式设置页面的格式,可将页面的内容与表现形式分离。页面内容存放在HTML文档中,而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分,通常为文件头部分。将内容与表现形式分离,不仅可使维护站点的外观更加容易,而且还可以使HTML文档代码更加简练,缩短浏览器的加载时间。语法CSS语法由三部分

系统 2019-08-29 23:24:09 2683