Jquery中文网 www.jquerycn.cn
Jquery中文网 >  CSS教程  >  经典实例  >  正文 CSS 循序渐进一画个瓢

CSS 循序渐进一画个瓢

发布时间:2020-06-01   编辑:www.jquerycn.cn
jquery中文网为您提供CSS 循序渐进一画个瓢等资源,欢迎您收藏本站,我们将为您提供最新的CSS 循序渐进一画个瓢资源

   说起来现在介绍样式表的文章比较多了。其实真正用透样式表的人并不多,笔者也仅仅就敢说懂得了一点皮毛。大家不信?那下面我就来说说,本文主要也就是从语法和功能两大方面来说说前文都未提到的一些东西。
   说到语法,似乎只有那些高深的程序语言才有,CSS也有吗?答案是肯定的,只不过没有其它语言那么复杂罢了。特别是它的id和class,完全可以说是C 语言中的类在网页上的再现。
   它一般怎么使用呢?首先id部分是必须写在HTML头文件中的< STYLE>说明中的,一般就是把一段css代码用一个代号来表示,称为id说明部分。而在引用时就在对象后面加class=id号,来使用这些属性。浏览器会选择那些引用id的对象具有的属性来对其进行定义,从而可以缩短你的开发时间。而且代码也更易读一些。而相应的,class也有两种,一种是相关式的,可以给页面内的某一种tag使用;而另一种就是独立式的,即你定义的class可以给页面内的任意一个或多个tag使用。
   空谈无益,笔者还是拿一些例子来向大家说明吧。大家不妨看看前文的几个例子,倘若我把它们合成一个,利用id将其表示出来,然后再在后面引用,效果将是一样的。
   比如下面这一段,在第二章中曾经使用过的css.将其设定一个id:text1。

 代码如下 复制代码
.text1{
text-align: left;
font-size: 15pt;
font-family: 隶书,宋体;
letter-spacing: 3px
color: navy;
line-height: 12pt;
text-indent: .5in;
border: solid 1pt;
}

   然后你在后文中引用:
< P CLASS="text1">你好,这另一个例子。< /P>
   同样可以得到与第二章例子相同的效果。当然这个class可以多次使用,也可以给多个tag使用。比如< table>,< td>,< form>等等。
   另一方面我想跟大家谈谈dhtml中扩充的一些css。比如说现在很多地方都在使用的滤镜(filter)功能。所谓滤镜,并不是对图像进行了什么处理,而是在浏览器中对使用了该属性的对象进行一定的修饰。现在能使用的滤镜有16个之多,这里并非一篇介绍DHTML的文章,所以笔者也不便赘述。不过可以就其中几个相当重要好用的给大家讲一讲。

您可能感兴趣的文章:
CSS 循序渐进一画个瓢
CSS3 - 设置渐变颜色背景,线性/放射性/循环(附在线渐变生成工具)
Illustrator渐变网格工具绘制可爱的卡通小猪教程分享
CSS3中动画的一些使用方法介绍
锋利的jQuery 要点归纳(三) jQuery中的事件和动画(下:动画篇)
Illustrator透明渐变应用经验技巧分享
基于jquery的内容循环滚动小模块(仿新浪微博未登录首页滚动微博显示)
从零开始学习jQuery (七) jQuery动画实现 让页面动起来
jQuery学习笔记之jQuery的动画
html5 Canvas实现画未闭合的路径及渐变色的填充方法

[关闭]