css 学习

css主要用于排版

可以参照这个网站：

以后主要在这个上面学习了，不再写了，因为这个页面讲解的非常清楚了，在写就是浪费了。。。

 

1.内嵌方式

Inline Style是写在Tag里面的。内嵌样式只对所在的Tag有效，如下面：

style="font-size:20pt; color:#FF0000">这个内嵌样式(Inline Style)定义段落里面的文字是20pt字体，字体颜色是红色

 

2.内部样式表

内部样式表是写在HTML的里面的。内部样式表只对所在的网页有效。

Html贴如下：

  type="text/css">

h1.mylayout {border-width:1; border:solid; text-align:center; color:#FF0000}

 

class="mylayout"> 这个标题使用了style样式

这个标题没有使用Style

从上面可以看出：使用内部样式表时要用到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文件内容如下：

这个标题使用了Style。

这个标题没有使用Style。

使用外部(Extenal)样式表，相对于内嵌(Inline)和内部式(Internal)的，有以下优点：

 

样式代码可以复用。一个外部CSS文件，可以被很多网页共用。

便于修改。如果要修改样式，只需要修改CSS文件，而不需要修改每个网页。

提高网页显示的速度。如果样式写在网页里，会降低网页显示的速度，如果网页引用一个CSS文件，这个CSS文件多半已经在缓存区(其它网页早已经引用过它)，网页显示的速度就比较快。