CSS3 入门

运行 CSS3

CSS是作为HTML的附属功能而存在,所有的CSS代码都必须在HTML代码中执行,CSS的运行方式总共有三种,分别是style 属性<style> 标签<link> 引用


style 属性

作为HTML标签的属性执行。

<!-- 字体颜色为橙色 -->

<span style="color: orange">简明教程</span>

<style> 标签

以双标签的形式嵌套在HTML文档中。

<head>
 <style type="text/css"> <!-- 嵌套代码可以写在任意位置,但必须是在HTML(p)标签之前。-->
  p {
   font-size: 20px;
  }
 </style>
</head>

<body>
 <p>简明教程</p>
</body>

<link> 引用

创建单独的CSS文件,通过<link> 标签载入HTML文档。

style.css

/** css文件通常是以 .css 结尾 **/

p {
 font-size:20px;
}

index.html

<head>
 <link rel="stylesheet" type="text/css" href="style.css"> <!-- 引入style.css文件 -->
</head>

<body>
 <p>简明教程</p>
</body>
扩展阅读
CSS 优先级 important 属性7/25/2018, 9:16:38 AM
CSS 样式继承 inherit 属性7/25/2018, 9:16:18 AM
CSS link 标签7/25/2018, 9:15:50 AM
CSS 代码注释7/25/2018, 9:15:26 AM
更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程