CSS样式代码有没有简单的方法记住

CSS样式代码有没有简单的方法记住

css按其位置可以分成三种:

内嵌样式(inline style)

内部样式表(internal style sheet)

外部样式表(external style sheet)

内嵌样式(inline style)

inline style是写在tag里面的。

内嵌样式只对所在的tag有效。

这个style定义

里面的文字是20pt字体,字体颜色是红色。

内部样式表(internal style sheet)

内部样式表是写在htmL的里面的。

内部样式表只对所在的网页有效。

这个标题使用了style。

这个标题没有使用style。

内部样式表(internal sytle sheet)要用到style这个tag,写法如下:

外部样式表(external style sheet)

如果很多网页需要用到同样的样式(styles),用什么方法呢?

将样式(styles)写在一个以.css为后缀的css文件里,然后在每个需要用到这些样式(styles)的网页里引用这个css文件。

比如可以用文本编辑器(notePad)建立一个叫home的文件,文件后缀不要用.txt,改成.css。

文件内容如下:

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

然后你建立一个网页,代码如下:

这个标题使用了style。

这个标题没有使用style。

使用外部(extenal)样式表,相对于内嵌(inline)和内部式(internal)的,有以下优点:

样式代码可以复用。

一个外部css文件,可以被很多网页共用。

便于修改。

如果要修改样式,只需要修改css文件,而不需要修改每个网页。

提高网页显示的速度。

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

参考资料: /css_tutorials/001_css_overview.html

首页