css教程：如何正确的使用CSS？
ExamplesA Source Code to Run [www.fun52.com] body {background-color: yellow} h1 {font-size: 36pt} h2 {color: blue} p {margin-left: 50px} 这个标题的尺寸为 36 pt www.fun52.com 这个标题是蓝色的 这个段落相距左边有50像素
Examples A
Source Code to Run [www.fun52.com]
body {background-color: yellow}
h1 {font-size: 36pt}
h2 {color: blue}
p {margin-left: 50px}
这个标题的尺寸为 36 pt
www.fun52.com
这个标题是蓝色的
这个段落相距左边有50像素
[ 可先修改部分代码 再运行查看效果 ]
Examples B
Source Code to Run [www.fun52.com]
body {background-color: tan}
h1 {color:maroon; font-size:20pt}
hr {color:navy}
p {font-size:11pt; margin-left: 15px}
a:link {color:green}
a:visited {color:yellow}
a:hover {color:black}
a:active {color:blue}
这是标题 1
你可以发现样式表改变了文字和连接
这是条连接yourhomepage
[ 可先修改部分代码 再运行查看效果 ]
How to Insert a Style Sheet
怎样插入样式表
When a browser reads a style sheet, it will format the document according to it. There are three ways of inserting a style sheet:
当浏览器阅读样式表，它会依据它（样式表）来格式化文档。有三种方法可以插入样式表：
External Style Sheet
外部样式表
An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the head section:
使用外部样式表是使样式应用于多张网页的理想方法。通过这个方法你只需改动一个文件就能改变整个网站的外观。使用<link>标签让每个页面都连接到样式表。<link>标签在head区域使用：
<head>
<link rel="stylesheet" type="text/css"href="mystyle.css" />
第 1 2 3 4 5 页
Source Code to Run [www.fun52.com]
body {background-color: yellow}
h1 {font-size: 36pt}
h2 {color: blue}
p {margin-left: 50px}
这个标题的尺寸为 36 pt
www.fun52.com
这个标题是蓝色的
这个段落相距左边有50像素
[ 可先修改部分代码 再运行查看效果 ]
Examples B
Source Code to Run [www.fun52.com]
body {background-color: tan}
h1 {color:maroon; font-size:20pt}
hr {color:navy}
p {font-size:11pt; margin-left: 15px}
a:link {color:green}
a:visited {color:yellow}
a:hover {color:black}
a:active {color:blue}
这是标题 1
你可以发现样式表改变了文字和连接
这是条连接yourhomepage
[ 可先修改部分代码 再运行查看效果 ]
How to Insert a Style Sheet
怎样插入样式表
When a browser reads a style sheet, it will format the document according to it. There are three ways of inserting a style sheet:
当浏览器阅读样式表，它会依据它（样式表）来格式化文档。有三种方法可以插入样式表：
External Style Sheet
外部样式表
An external style sheet is ideal when the style is applied to many pages. With an external style sheet, you can change the look of an entire Web site by changing one file. Each page must link to the style sheet using the <link> tag. The <link> tag goes inside the head section:
使用外部样式表是使样式应用于多张网页的理想方法。通过这个方法你只需改动一个文件就能改变整个网站的外观。使用<link>标签让每个页面都连接到样式表。<link>标签在head区域使用：
<head>
<link rel="stylesheet" type="text/css"href="mystyle.css" />
第 1 2 3 4 5 页
精彩图集
精彩文章