DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> 關於CSS >> 引用css樣式的書寫格式詳解
引用css樣式的書寫格式詳解
編輯:關於CSS     

css的書寫格式一共有三種

行內樣式:意思是在行內中寫樣式

例如說<p style="color:red">用行內樣式編寫我的顏色</p>

只適用於<body>(字體顏色和背景顏色)和<body>裡面的標簽,但不適用於<body>之外的例如:head,title,之類的標簽

 

內嵌樣式:使用style,把所有樣式都卸載style裡面。

例如說:

XML/HTML Code復制內容到剪貼板
  1. <head>  
  2.   
  3. <style>  
  4.   
  5. p{   
  6.   
  7. color:red;   
  8.   
  9. background:blue;   
  10.   
  11. border:1px solid green;   
  12.   
  13. }   
  14.   
  15. </style>  
  16.   
  17. </head>  
  18.   
  19. <body>  
  20.   
  21. <p>用內嵌方式編寫我的樣式</p>  
  22.   
  23. </body>  

外聯樣式:通俗點就是外部樣式,使用link樣式連接到外部的.css文件。

例如說:

XML/HTML Code復制內容到剪貼板
  1. <head>  
  2.   
  3.   <link style="stylesheet" href="class.css" type="text/css" />  
  4.   
  5. </head>  
  6.   

沒錯就是辣麼簡單,只需要把css樣式寫到另一個.css文本上然後僅需要link就可以在頁面中顯示出樣式,但一定要注意文件路徑!!!路徑不對也是不可以滴.

個人推薦使用外聯樣式,做到了css與布局代碼的分離,可以使代碼可編輯性更高  加載更快。

以上這篇引用css樣式的書寫格式詳解就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved