CSS样式表:
什么是样式表?
css是Cascading Style Sheet的缩写。译作【层叠样式表】
它是用于(增强)控制网页样式并允许将样式信息与网页内
容分离的一种标记语言。
如何将样式表假如您的网页:
1)嵌入外部样式表文件(Linking to a Style Sheet)
你可以先建立外部样式表文件(.css),然后使用HTML的link
的对象,示例:
<head>
<title>无标题文档</title>
<link rel=stylesheet href="http://www.dhtmlet.com/dhtmlet.css"
type="text/css">
</head>
而在XML中,你应该如下例所示的声明区中加入:
<?xml-stylesheet type="text/css" href="http://www.dhtmlet.com
/dhtmlet.css">
2)定义内部样式块对象(Embedding a Style Block)
你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个
<STYLE>...</STYLE>块对象,示例:
<html>
<head>
<title>文档标题</title>
<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>
</head>
<body>
请注意,这里将style对象的type属性设置为"text/css",
是允许不支持这类型的浏览器忽略样式表单。
3)内联定义 (Inline Styles)
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下:
<p style="margin-left: 0.5in; margin-right:0.5in">这一行被增加了左右的外补丁<p>
什么是样式表?
css是Cascading Style Sheet的缩写。译作【层叠样式表】
它是用于(增强)控制网页样式并允许将样式信息与网页内
容分离的一种标记语言。
如何将样式表假如您的网页:
1)嵌入外部样式表文件(Linking to a Style Sheet)
你可以先建立外部样式表文件(.css),然后使用HTML的link
的对象,示例:
<head>
<title>无标题文档</title>
<link rel=stylesheet href="http://www.dhtmlet.com/dhtmlet.css"
type="text/css">
</head>
而在XML中,你应该如下例所示的声明区中加入:
<?xml-stylesheet type="text/css" href="http://www.dhtmlet.com
/dhtmlet.css">
2)定义内部样式块对象(Embedding a Style Block)
你可以在你的HTML文档的<HTML>和<BODY>标记之间插入一个
<STYLE>...</STYLE>块对象,示例:
<html>
<head>
<title>文档标题</title>
<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>
</head>
<body>
请注意,这里将style对象的type属性设置为"text/css",
是允许不支持这类型的浏览器忽略样式表单。
3)内联定义 (Inline Styles)
内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下:
<p style="margin-left: 0.5in; margin-right:0.5in">这一行被增加了左右的外补丁<p>