如何将样式表加入您的网页
2015-04-17 10:51
323 查看
你可以用以下三种方式将样式表加入您的网页。而最接近目标的样式定义优先权越高。高优先权样式将继承低优先权样式的未重叠定义但覆盖重叠的定义。
1)链入外部样式表文件
你可以先建立外部样式表文件(.css),然后使用HTML的link对象。示例如下:
<head>
<title>title of article</title>
<link rel=stylesheet href="http://www.dhtmlet.com/rainer.css" type="text/css">
</head>
2)定义内部样式块对象
你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。
伦理电影|定义方式请参阅样式表语法。示例如下:
<html>
<style type="text/css">
<!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
-->
</style>
<body>
请注意,这里将style对象的type属性设置为"text/css",是允许不支持这类型的浏览器忽略样式表单。
3)内联定义
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下:
<p style="margin-left: 0.5in; margin-right:0.5in">这一行被增加了左右的外补丁<p>
1)链入外部样式表文件
你可以先建立外部样式表文件(.css),然后使用HTML的link对象。示例如下:
<head>
<title>title of article</title>
<link rel=stylesheet href="http://www.dhtmlet.com/rainer.css" type="text/css">
</head>
2)定义内部样式块对象
你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个<STYLE>...</STYLE>块对象。
伦理电影|定义方式请参阅样式表语法。示例如下:
<html>
<style type="text/css">
<!--
body {font: 10pt "Arial"}
h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon}
h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue}
p {font: 10pt/12pt "Arial"; color: black}
-->
</style>
<body>
请注意,这里将style对象的type属性设置为"text/css",是允许不支持这类型的浏览器忽略样式表单。
3)内联定义
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下:
<p style="margin-left: 0.5in; margin-right:0.5in">这一行被增加了左右的外补丁<p>
相关文章推荐
- 如何将样式表加入您的网页
- 如何将样式表加入的网页
- 如何将样式表加入您的网页
- 如何在网页中加入关闭窗口的按钮?
- 网页制作小技巧------如何在网页中加入QQ和旺旺等
- 如何在网页标题栏title加入logo图标?
- 如何在网页中加入title图标
- 如何在网页中加入一个ActiveX控件?
- RSS generator - 如何网页中加入RSS功能
- 如何在网页中加入一条竖线
- 如何关闭windows 2003浏览网页时信任站点添加提示以及解决不能加入可信任的站点
- 查看网页的时候,提示使用XSL样式表无法查看XML输入,如何解决?
- 如何为自己的网页加入“金鱼特效”
- 如何在制作的网页中加入google地图
- 如何在网页标题栏title加入logo(icon)图标
- 如何在网页中加入一条竖线
- 如何在网页的标题栏中加入icon图标
- 进击的KFC:iOS WebView 如何通过js获取网页中所有图片并加入点击事件,实现浏览图片的功能
- 如何在网页中加入背景音乐
- 在网页中页中加入CSS有几种方法!以及在样式定义有冲突时的优先级如何分配!