css用法

走_心

于 2014-12-02 12:47:50 发布

阅读量521

点赞数

分类专栏：【前端学习】文章标签： css

本文链接：https://blog.csdn.net/tianchenglin/article/details/41677311

版权

【前端学习】专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<pre name="code" class="css"><!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>直接样式表</title>
 </head>
 <body>
     <p style="color:red">这是一个段落。</p>
 </body>
</html>

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>内部样式表</title>
  <style type="text/css">
      p{color:red;font-size:16pt}
  </style>
 </head>
 <body>
     <p>这是一个段落。</p>
	 <p>这又是一个段落。</p>
 </body>
</html>

//home.css
p{color:red;font-size:16pt}

<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <title>外部样式表</title>
  <link rel="stylesheet" href="home.css" type="text/css"/>
 </head>
 <body>
  <p>这是一个段落。</p>
 </body>
</html>