|
css主要用于排版
可以参照这个网站：
http://www.admin5.com/html/css_tutorials/005_CSS_Syntax.html
以后主要在这个上面学习了，不再写了，因为这个页面讲解的非常清楚了，在写就是浪费了。。。
1.内嵌方式
Inline Style是写在Tag里面的。内嵌样式只对所在的Tag有效，如下面：
<p style="font-size:20pt; color:#FF0000">这个内嵌样式(Inline Style)定义段落里面的文字是20pt字体，字体颜色是红色</p>
2.内部样式表
内部样式表是写在HTML的<head></head>里面的。内部样式表只对所在的网页有效。
Html贴如下：
<html>
<head>
<title>内部样式表</title>
<style type="text/css">
h1.mylayout {border-width:1; border:solid; text-align:center; color:#FF0000}
</style>
</head>
<body>
<h1 class="mylayout"> 这个标题使用了style样式</h1>
<h2> 这个标题没有使用Style</h2>
</body>
</html>
从上面可以看出：使用内部样式表时要用到Style这个Tag，下面的哪儿mylayout和上面的那个h1.mylayout相对应，呵呵
3．外部样式表，方法：
如果很多网页需要用到同样的样式(Styles)，用什么方法呢？
将样式(Styles)写在一个以.css为后缀的CSS文件里，然后在每个需要用到这些样式(Styles)的网页里引用这个CSS文件。
比如可以用文本编辑器(NotePad)建立一个叫home的文件，文件后缀不要用.txt，改成.css。文件内容
如下：
H1.mylayout {border-width: 1; border: solid; text-align: center;color:red}
Html文件内容如下：
<HTML>
<HEAD>
<link href="../asdocs/css_tutorials/home.css" rel="stylesheet" type="text/css">
</HEAD>
<BODY>
<H1 class="mylayout"> 这个标题使用了Style。</H1>
<H1>这个标题没有使用Style。</H1>
</BODY>
</HTML>
使用外部(Extenal)样式表，相对于内嵌(Inline)和内部式(Internal)的，有以下优点：
样式代码可以复用。一个外部CSS文件，可以被很多网页共用。
便于修改。如果要修改样式，只需要修改CSS文件，而不需要修改每个网页。
提高网页显示的速度。如果样式写在网页里，会降低网页显示的速度，如果网页引用一个CSS文件，这个CSS文件多半已经在缓存区(其它网页早已经引用过它)，网页显示的速度就比较快。 | 
免费注册
发表于 2011-12-22 08:54