裴雷

只争朝夕 不负韶华

  • 主页
  • 随笔
  • 杂谈
  • 学习
所有文章 友链 关于我

裴雷

只争朝夕 不负韶华

  • 主页
  • 随笔
  • 杂谈
  • 学习

CSS创建

2020-04-26

CSS创建

当读到一个样式表时,浏览器会根据它来格式化HTML文档。

如何插入样式表

插入样式表的方法有三种:

  • 外部样式表(External style sheet)
  • 内部样式表(Internal style sheet)
  • 内联样式(Inline style)

    外部样式表

    当样式需要应用于很多页面时,外部样式表将是理想的选择。在使用外部样式表的情况下,你可以通过改变一个文件来改变整个站点的外观。每个页面使用标签链接到样式表。标签在(文档的)
    头部:
    1
    2
    3
    <head>
    <link rel="stylesheet" type="text/css" href="mystyle.css">
    </head>
    浏览器会从文件mystyle.css中读到样式声明,并根据它来格式文档。
    外部样式表可以在任何文本编辑器中继续编辑。文件不能包含任何的html标签。样式表应该以.css扩展名进行保存。下面是一个样式表文件的例子:
    1
    2
    3
    hr {color:sienna;}
    p {margin-left:20px;}
    body {background-image:url("/images/back40.gif);}
    不要在属性值与单位之间留有空格(如:’margin-left:10px’),正确的写法是“margin-left:20px”.

    内部样式表

    当单个文件需要特殊的样式时,就应该使用内部样式表。你可以使用