css样式表结构图

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

  内联样式(Inline Style)

  内部样式表(Internal Style Sheet)

  外部样式表(External Style Sheet)

  内联样式

  内联样式是写在标签里面的,它只针对自己所在的标签起作用。鞍山首大皮肤病防治研究所www.pf0412.cn

  这个style定义段落中的字体是12像素的红色字

  内部样式表

  内部样式表是写在里面的,它只针对所在的Html页面有效。

  标题文字是16像素红色居中字体。

  这个标题无样式。

  大家看到了,内部样式表同样用到style标签,写法:

  外部样式表

  如果我们需要制作很多网页,而且页面结构十分复杂,并且多个页面中要利用重复的样式,那么把CSS放在网页中可不是一个好方法。鞍山市皮防所www.pf0412.cn

  我们可以把所有的样式存放在一个以.css为结尾的文件里,然后将这个CSS文件链接到各个网页中。

  比如我们制作了一个首页,把它的样式表文件命名为index.css。方法是将下面的CSS代码复制到记事本中保存,然后将文本文档的扩展名.txt修改为.css即可。

  .h1.bigone {font-size:16px;color:red;text-align:center;}

  在新建的网页中这样写:

  标题文字是16像素红色居中字体。

  这个标题无样式。

转载于:https://www.cnblogs.com/lyld/p/7832782.html

你可能感兴趣的:(css样式表结构图)