火学网学员服务电话:400-882-1988
2014年上海Adobe双证培训

教你该如何使用CSS

作者:火学网  发布时间:2014-03-24  来源:计算机培训中心

有三种方法可以在站点网页上使用样式表:

外部样式:将网页链接到外部样式表。

内页样式:在网页上创建嵌入的样式表。

行内样式:应用内嵌样式到各个网页元素。

每一种方法均有其优缺点:

当要在站点上所有或部分网页上一致地应用相同样式时,可使用外部样式表。在一个或多个外部样式表中定义样式,并将它们链接到所有网页,便能确保所有网页外观的一致性。如果人们决定更改样式,只需在外部样式表中修改一次,而该更改会反映到所有与该样式表相链接的网页上。通常外部样式表以 .css 做为文件扩展名,例如 Mystyles.css。然后在需要此样式的页面中将其链接进来,如:

1

<linkhref="/层叠样式表/样式.css"rel="stylesheet"type="text/css"/>

 

1

2

3

4

<linkhref="/百度百科/样式.css"rel="stylesheet"type="text/css"/>

<!--在使用的时候,最好是把上面的汉字改成拼音,这样可以确保网页在不支持中文的系统中显示正常。

例如写成如下形式:-->

<linkhref="/BaiduBaike_ShiLi/baidubaike.css"rel="stylesheet"type="text/css"/>

当人们只是要定义当前网页的样式,可使用嵌入的样式表。嵌入的样式表是一种级联样式表,“嵌”在网页的 <HEAD> 标记符内。嵌入的样式表中的样式只能在同一网页上使用。 如:

1

2

3

4

5

6

7

8

<styletype="text/css">

<!--/*把声明的样式包含在一个网页注释中,这样可以解决较老的浏览器不识别style的问题*/

body{background:grey;}

-->

</style>

使用内嵌样式以应用级联样式表属性到网页元素上。如:

<pstyle="@importurl('BaiduBaike_Daima_Shili.css');">层叠样式表文档</p>

<!--不能在“样式”style属性中使用@import-->

如果网页链接到外部样式表,为网页所创建的内嵌的或嵌入式样式将扩充或覆盖外部样式表中的指定属性。

要在网页上使用外部样式表的样式,可将该网页链接到样式表,方法是使用位于 “格式” 菜单上的 “样式表连接” 命令。可以链接一个或数个样式表到网页视图模式下的当前网页,或到在文件夹列表中的所选网页,或到站点上的全部网页。

该“样式” 框列出标准 HTML 标记符,例如标题

1,还有嵌入的样式表或链接到网页的外部样式表中所含的类或 ID 选择器。要应用样式到网页元素,请选定该样式然后单击 “样式” 框中的样式或选择器。

在 Microsoft FrontPage 2000中,某些格式设置特性会作为内嵌样式自动应用。例如∶如果使用 “边框与阴影” 命令(在 “格式” 菜单上)在普通段落周围应用框,FrontPage 会写下格式设置信息,作为段落标记符的内嵌样式属性(例如∶ <p style="border-style: solid">)。然而某些属性的应用需要使用 CSS,其他则需要使用 HTML 。如果人们只想使用 CSS 应用内嵌样式,可使用 “样式” 按钮(位于网页元素的 “属性” 对话框里)应用类或 ID 选择器或嵌入式样式。

 

更多

更多上海计算机信息请访问:上海计算机培训网 计算机论坛
上海计算机培训咨询电话:021-51601797
课程搜索:
免责声明
① 由于各方面情况不断调整与变化,火学网所提供的所有考试信息仅供参考,请考生以权威部门公布的正式信息为准。
② 本站注明稿件来源为其他媒体的文/图等稿件均为转载稿,本站转载出于非商业性的教育和科研之目的,并不意味着 赞同其观点或证实其内容的真实性。如转载稿涉及版权等问题,请作者在两周内速来电或来函联系。
③ 凡本站注明“稿件来源:上海火学网”的所有文字、图片和音视频稿件,版权均属本网所有,任何媒体、网站或个 人未经本网协议授权不得转载、链接、转贴或以其他方式复制发表。已经本站协议授权的媒体、网站,在下载使用时必 须注明“稿件来源:上海火学网”,违者本站将依法追究责任。
上海商业平面设计全能就业培训班
热门资讯
上海复旦网院CAD+3DSmax效果图设计认证培训
论坛话题