css使用方法

 二维码 155
发表时间:2016-03-06 18:33作者:敖游来源:遨游建站网址:http://www.aoyouwl.com

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

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

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

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

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

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

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

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

<!--

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

例如写成如下形式:

-->

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

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

<style type="text/css">

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

body{background:grey;}

-->

</style>

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

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

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

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

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

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

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

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


文章分类: CSS
分享到:
企业网站建设
网站建设问题
手机网站设计

以信载商,良心建站。遨游始终秉承“一次建站、终身维护”的宗旨,竭诚为客户提供最优质的互联网服务。遨游建站率先植入seo优化理念,让你的网页更利于搜索引擎抓取,关键词排名更靠前。可仿站、可定制。无论是传统型企业官网、集团型品牌官网,还是营销型网站、电商型网站、定制型网站、特殊行业网站(医疗、教育),全部搞定。

公司:网站建设_小程序设计_竞价托管代运营公司;邮箱:1013601535@qq.com

手机:17073547034;QQ: 1013601535

在线留言咨询,24小时内回复
我想咨询
*
企业名称
手机号码
*
尊姓大名
我的位置
提交

VIP会员大促销388x250mm.jpg

最新发布
我们是中小企业可信赖的合作伙伴!始终专注一件事,一站式互联网信息技术服务商
17073547034
全国统一服务热线
遨游建站是全国高端网站建设公司,提供广州企业网站建设/小程序开发/购物网站设计制作与竞价托管代运营服务;秉承“一次建站,终身维护”的宗旨,有偿提供互联网技术支持。
本站部分图片、音频、视频来源于网络,版权归原作者,如有侵权请联系我们删除。