|
|
|||||||||||
|
|
|||||||||||
![]() |
|
||||||||||
|
|||||||||||
|
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
|