仓酷云

标题: 带来一篇CSS款式表中的类 [打印本页]

作者: 第二个灵魂 时间: 2015-1-16 00:17
标题: 带来一篇CSS款式表中的类
可以将站点上所有的网页风格都使用一个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
不管老师做怎样的解释，而我却对它感到很是吃力，诸如里面有许多不知道的功能。

作者: 小妖女 时间: 2015-1-24 10:21
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 老尸 时间: 2015-2-1 09:35
Dreamweaver在所见即所得添加链接，也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈，用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。

作者: 仓酷云 时间: 2015-2-7 03:18
学Dreamweaver技术的过程其实是一个增加信心的过程。

作者: 只想知道 时间: 2015-2-20 11:52
直接用代码建立链接，如：可以直接输入 <a herf = \\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\"red.html\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\">红色的网页 12、插入标签法建立链接，可以再选中文字后在代码中插入html标签，页元素<a>.也可以按ctrl+t进入html标签插入方法之后输入代码即可。

作者: 第二个灵魂 时间: 2015-3-6 17:40
帧(frames)和表格的制作速度快的令您无法想像。进阶表格编辑功能使您简单的选择单格、行、栏或作未连续之选取。

作者: 金色的骷髅 时间: 2015-3-13 06:10
经过两天的学习，总算对Dreamweaver有进一步的了解了，心中不免有些激动。今天和其他几位老师交流了一下，感觉受益匪浅.

欢迎光临仓酷云 (http://www.ckuyun.com/)