怎么把CSS样式写到一个文件里面?
/* 全局 */
Body {
Background: #FFFFFF;
Margin: 0;
Padding: 0;
Font-Size: 12px;
Font-Family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
Text-Align: Center;
}
h1,h2,h3,h4,h5,h6 { Margin: 0; Padding: 0; Font-Size: 12px; Font-Weight: Normal; Font-Family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif; }
这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内。
外部式css样式(也可称为外联式)就是把css代码写一个单独的外部文件中,这个css样式文件以“.css”为扩展名,在<head>内(不是在<style>标签内)使用<link>标签将css样式文件链接到HTML文件内,如下面代码:
<link href="base.css" rel="stylesheet" type="text/css" />
注意:
1、css样式文件名称以有意义的英文字母命名,如 main.css。
2、rel="stylesheet" type="text/css" 是固定写法不可修改。
3、<link>标签位置一般写在<head>标签之内。
示例:
style.css
css可以用嵌入方法和外部连接方法
嵌入法 是在 网页的<head></head>中通过<style></style>来实现如:
<html>
<head>
<title>---</title>
<style>
body{Background: #FFFFFF; Margin: 0; Padding: 0; Font-Size: 12px; Font-Family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif; Text-Align: Center;}
</style>
</head>
嵌入法 是在 网页的<head></head>中通过<style></style>来实现如:
<html>
<head>
<title>---</title>
<style>
body{Background: #FFFFFF; Margin: 0; Padding: 0; Font-Size: 12px; Font-Family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif; Text-Align: Center;}
</style>
</head>
…………
外部连接就是像楼上的朋友 新建一个.css的文件把样式写到里面 然后在你需要的页面里附加样式表就行了
如:
<html>
<head>
<title>---</title>
<link href="../css/css.css" rel="stylesheet" type="text/css">
</head>
…………