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