现在位置: 首页 > 博客文章 > 电脑相关 > IT开发 > 开发语言 > Web > 正文
Html中引入Css样式
2014年06月11日 14:44:29 Web ⁄ 共 681字 暂无评论 ⁄ 被围观 1,671次

Html 代码 往往需要用 Css 样式进行格式化才能有很炫的效果,那么怎么样引入 Css 样式,主要有三种方式。

方式一:内联样式。

如果当前页面的某个 html 元素需要特殊样式处理,这时候就可以使用内联样式。

  1. <p style="color: red; margin-left: 20px">  
  2. This is a paragraph.  
  3. </p>  

 

方式二:内部样式。

如果当前页面的很多个 html 元素需要统一的样式进行格式化,这个时候用内部样式就比内联样式更方便。

  1. <head>  
  2.     <style type="text/css">  
  3.         p {  
  4.             colorred;  
  5.             margin-left20px;  
  6.         }  
  7.     </style>  
  8. </head>  
  9. <body>  
  10.     <p>This is a paragraph. </p>  
  11. </body>  

 

方式三:外部样式。

如果有很多个页面中,某些 html 元素都需要统一样式进行格式化,那么用外部样式则又比内部样式更方便。

  1. <head>  
  2.     <link rel="stylesheet" type="text/css" href="mystyle.css">  
  3. </head>  
  4. <body>  
  5.     <p>This is a paragraph. </p>  
  6. </body>  

 

css 样式文件为 mystyle.css 。

  1. p {  
  2.     colorred;  
  3.     margin-left20px;  
  4. }  

 

给我留言

留言无头像?