收藏本站
设为首页
联系我们
  首页
 
CSS定义的方式及区别
定义新的CSS的时候,你会看到Dreamweaver提供了三种方式的选择:

图:CSS定义的三种类型
创建自定义风格:
  就是我们先前提到的类(Class)方式,它定义了一种通用的方式,所有应用了该方式的元素在浏览器中显示时都遵循该类定义的规则。此种方式定义时要给定一个Class Name ,而调用时则直接选择该名称即可,在Dreamweaver中的操作方法为:

图:给文本应用CSS Class

  当然,CLASS的应用并不局限于文本,它可以应用到其他网页元素上,只是CSS CLASS定义的不同。在HTML代码中,CLASS的应用代码是: class="class name"

重定义HTML标签:
  这种方式是针对HTML中的代码设置,其作用的方式是:当定义了某个标签的CSS后,浏览器解释过程中,遇到该标签,就自动应用该样式,否则不应用。因此它只需要设置,而不需要再指定应用。
  由于所有的同类型标签使用的样式相同,因此这种方式适合于大量的相同元素的样式定义,例如网页中存在多个表格(或单元格),而其中的字体均为同种类型,大小和颜色也相同,那么我们可以仅定义 table (或 td)标签的样式即可。这样不但设置起来比较简单,同时还缩小了HTML文件的大小。

使用CSS选择器:
  使用CSS选择器主要是定义伪类的CSS元素,主要是针对连接的设置,使网页设计者有更多的色彩和样式选择空间。大家经常看到的某些连接没有下划线、鼠标停留或点击时、点击后连接文字发生颜色的变化就是使用伪类的CSS定义得到的效果。
  可选择的类分为四种,如下图所示:

图:可选择的CSS伪类

a:active ——定义了连接被激活时的样式,即鼠标已经点击了连接,但页面还没有跳转时。

a:hover ——定义了鼠标停留在连接的文字上时的样式。常见设置有文字颜色改变,下划线出现(或消失)等等

a:link ——定义了设置有连接的文字的样式。常见的有带有下划线(或没有下划线)。

a:visited ——浏览者已经访问过的连接的样式,一般设置其颜色不同于a:link的颜色,以便给浏览者明显的提示。

站点设计与维护:四有电脑学校
电话:010-51824309  地址:北京市海淀区北蜂路62号
Copyright Homepage of siyou computer school