天极传媒:
天极网
比特网
IT专家网
52PK游戏网
极客修
全国分站

北京上海广州深港南京福建沈阳成都杭州西安长春重庆大庆合肥惠州青岛郑州泰州厦门淄博天津无锡哈尔滨

产品
  • 网页
  • 产品
  • 图片
  • 报价
  • 下载
全高清投影机 净化器 4K电视曲面电视小家电滚筒洗衣机
您现在的位置: 天极网 > 软件 > 网页>新闻>CSS初级入门:自定义类别

CSS初级入门:自定义类别

天极网2006-06-06 16:11我要吐槽

CSS初级入门:自定义类别——欢迎访问天极软件CSS教程专区


  自定义类别

  今天讲的有一个新知识“类别”。其实,这知识并不陌生!回想一下,在 HTML 标签中,有个属性叫 class,当时没有解释这个属性是干什么用的。其实,不是不解释,而是解释了也不会用,所以就暂时没有说,等到了今天。这个 class 属性,所以将之解释为“类别”属性,它有什么作用呢?它能够让我们在不同的标签中使用相同的 CSS 设定,举个例子如下: 我们在读书的时候,常常看到课本上有重点的地方,用红色或其它颜色标明。如果,今天我们的网页上,也想将一些比较重要的地方用“红色、粗体字”来显示,你会怎么做呢?:

原始代码 <font color="Red"><b>网页陶吧</b></font>”
显示结果 网页陶吧

  使用CSS实现重点突出

  用上面的那种方法是相当不错的!简单用易懂!不过,试想一种情形...若是在我们的网页中有 1000 多个所谓的“重点”,今天你突然想把重点通通换成“红色、粗体字”,那你该怎么办呢?这时,我们就讲用CSS来帮我们解决难题吧!而且,我们的“自定义类别”也就用上了!

样式语法 <style type="text/css">
.important { color:red ; font-weight:bold }
</style>
应用方式 <font class="important">网页教学网</font>

  首先,我们在在CSS表中自己做一个叫做 important 的类别,然后利用 class 属性,套用在网页中,不难吧!以后若是要将“红色”改成“蓝色”,那么只要改类别里的设置就行了!不管网页中有几万个“重点”,都不用怕了!

  自定义类别的用法

  看过了自定义类别的大概用法后,再来做详细的解说,如何自定义类别?自定义类别方法很简单,方法和一般的CSS声明没什么区别!唯一的不同是,CSS声明是针对某个标签的;而自定义类别则是不针对某个标签,而是要自己命名!

样式语法 <style type="text/css">
.important { color:red ; font-weight:bold }
</style>

  以上为例,.important { color:red ; font-weight:bold }就是我们自定义的类别,其中的{}部份和一般的 CSS 声明方法一模一样!差别就在前面的.important,没错!important 就是我们自定的名称,有了名称,才能调用。注意!前面记得在自定义名称前加一个小点“.”,这样就完成了自定义的一个类别!这个类别可以利用class 来调用!套用到任何标签中!

作者:龙犊整理责任编辑:龙犊)
请关注天极网天极新媒体 最酷科技资讯
扫码赢大奖
评论
* 网友发言均非本站立场,本站不在评论栏推荐任何网店、经销商,谨防上当受骗!
热点推荐
微软Windows 10操作系统Win10系统在Win8的基础上对界面、特性以及跨平台方面做了诸多优化。[详细]
Windows 10 新视界 [进入频道][使用技巧][微博互动]
手机整机DIY企业级