CSS的引入方式

CSS样式有三种不同的使用方式，分别是行内样式，嵌入样式以及链接式。我们需要根据不同的场合不同的需求来使用不同的样式。

行内样式

行内样式，就是写在元素的style属性中的样式，这种样式仅限于元素内部起作用。当个别元素需要应用特殊样式时就可以使用内联样式。但不推荐大量使用内联样式，因为那样不利于后期维护。

1

<div style="color: white;text-align: center">行内设置</div>

嵌入式

嵌入式，是把CSS样式写在HTML文档内部head标签中的style标签里。浏览器加载HTML的同时就已经加载了CSS样式了。当单个文档需要特殊，单独的样式时，可以使用内部样式表。

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20



<!DOCTYPE HTML>
<html lang="en-US">
  <head>
     <title>锚点的使用</title>
      <meta charset="utf8">

      <style>
          div{
              color: white;
              background-color: #369;
              text-align: center
          }
      </style>
  </head>
  <body>
  
  <div> 嵌入式</div>

  </body>
</html>

链接式

链接式，就是把CSS样式写在HTML文档的外部，一个后缀为 .css 的外部样式表中，然后使用时在head标签中，使用link标签的href属性引入文件即可。当CSS样式需要应用在很多页面时，外部样式表是最理想的选择。在使用外部样式表的情况下，我们可以通过改变一个文件来改变这所有页面的外观。

common.css

1
2
3
4
5



div{
      color: white;
      background-color: #369;
      text-align: center
}

html文件

<!DOCTYPE HTML>
<html lang="en-US">
  <head>
     <title>锚点的使用</title>
      <meta charset="utf8">

      <link rel="stylesheet" href="common.css">
  </head>
  <body>

  <div>链接式</div>
  
  </body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style> #针对标签名称CSS
        p{
            color: green;
            font-size: 32px;
        }
    </style>

    <link rel="stylesheet" href="common.css"> #将HTML代码和CSS代码拆分

</head>
<body>

<p>Hi huchangxi</p>
<p style="color: red">Hi huchangxi</p> #针对单一标签CSS
<p id="i1" style="color: red">Hi huchangxi</p>
</body>
</html>

p{
    color: red;
    font-size: 32px;
}

相关阅读:
Sharepoint 2007 Forms认证与File Not Found错误
完全控制SharePoint站点菜单(Get full control of SharePoint ActionMenus) Part 1
从WSS 3.0到MOSS 2007
如何备份sharepoint中的文档库?
图片与文本的对齐方式
backgroundimage 背景图片的设置
css中三种隐藏方式
font(字体)所使用的属性
display属性
margin中的bug解决方法

原文地址：https://www.cnblogs.com/A121/p/16295633.html