仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 929|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 带来一篇CSS款式表中的类

[复制链接]
第二个灵魂 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:17:59 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
可以将站点上所有的网页风格都使用一个CSS文件进行控制,只要修改这个CSS文件中相应的行,那么整个站点的所有页面都会随之发生变动。
为了对网页格局的界说更加准确,有需要让不异的选择符也能分类,并能依照分歧的种别来举行分歧的款式计划。基础格局以下:

  选择符.种别名{属性:值}

  种别名将能够在HTML的标识符里援用:

  <标识符class=种别名>网页内容

  实例:

  <html>
  <head>
  <title>CSS例子</title>
  <styletype="text/css">
  <!--
    p.English{font-family:"CourierNew"}
    p.Chinese{font-family:幼圆}
  -->
  </style>
  </head>
  <body>
  <pid=English>webjx.com</p>
  <pid=Chinese>网页教授教养网</p>
  </body>
  </html>

  ID

  ID,就是给HTML文挡中的款式发“身份证”,包管其在一个HTML文挡中具有独一可用的值,这类独一性也给&#106avascript等剧本言语的利用带来了便利。

  ID的用法和Class差未几,只是界说的时分用#号开首而不是点号。

  实例:

  <html>
  <head>
  <title>CSS例子</title>
  <styletype="text/css">
  <!--
    #English{font-family:"CourierNew"}
    #Chinese{font-family:幼圆}
  -->
  </style>
  </head>
  <body>
  <h1id=English>webjx.com</h1>
  <h2id=Chinese>网页教授教养网</h2>
  </body>
  </html>

  伪类

  除上述的分类体例外,为了使分类的利用更天真多样,又发生了伪类的观点。类和伪类有甚么样的区分呢?

  一样平常地说,选择符能够和多个类接纳绑缚的情势来设定,如许固然可以为统一个选择符创立多种分歧的款式,但绑缚的情势同时也限定了设定的类为别的的选择符所利用。伪类的发生就是为懂得决这个成绩,每一个预声明的伪类都能够被一切的HTML标识符援用,固然有些块级内容的设置除外。

  这里仅以伪类中最多见的锚伪类为例,锚伪类能够指定a元素以分歧的体例显现链接(link),当鼠标碰着时的链接、已会见过的链接和正被激活的链接,一个已会见的链接能够界说为分歧色彩的显现、字体巨细微风格。

  基础格局以下:

  .伪类名{属性:值}

  伪类能够被任何标识符在HTML里援用。

  <标识符class=伪类名>网页内容

  实例:

  <html>
  <head>
  <title>CSS例子</title>
  <styletype="text/css">
  <!--
    a:hover{font-size:18pt}/*当鼠标碰着时的链接*/
  -->
  </style>
  </head>
  <body>
  <ahref="#">webjx.com</h1>
  </body>
  </html>

更方便搜索引擎的搜索。用只包含结构化内容的HTML代替嵌套的标签,搜索引擎将更有效地搜索到你的内容,并可能给你一个较高的评价(ranking)。
精灵巫婆 该用户已被删除
沙发
发表于 2015-1-18 06:00:51 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
小妖女 该用户已被删除
板凳
发表于 2015-1-24 10:21:57 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
老尸 该用户已被删除
地板
发表于 2015-2-1 09:35:33 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
5#
发表于 2015-2-7 03:18:46 | 只看该作者
学Dreamweaver技术的过程其实是一个增加信心的过程。
只想知道 该用户已被删除
6#
发表于 2015-2-20 11:52:47 | 只看该作者
直接用代码建立链接,如:可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接,可以再选中文字后在代码中插入html标签,页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。
第二个灵魂 该用户已被删除
7#
 楼主| 发表于 2015-3-6 17:40:01 | 只看该作者
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。
金色的骷髅 该用户已被删除
8#
发表于 2015-3-13 06:10:38 | 只看该作者
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-10 18:34

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表