在HTML中使用CSS的方法

來源:互聯網
上載者:User

 1、行內式

       在HTML標記中使用style屬性

Code:
  1. <p style="color:#ff0000;">......</p>  

由於需要為每一個標記設定style屬性,後期維護成本很高,而且容易顯得臃腫,不推薦使用。

2、內嵌式

      將CSS寫在<head>與</head>之間,並且用<style>和</style>標記進行聲明。

      僅適用於對特殊的版面設定單獨的樣式風格。

3、連結式

Code:
  1. <head><link href="02-08.css" type="text/css" rel="stylesheet"></head>  

4、匯入式

採用import方式匯入的樣式表,在HTML檔案初始化時,會被匯入到HTML檔案內,作為檔案的一部分,類似內嵌式的效果。而連結式樣式表則是在HTML的標記需要格式時才以連結的方式引入。

在HTML檔案中匯入的樣式表,常用的有如下幾種@import語句,可選擇任意一种放在<style>與</style>之間:

@import url(sheet1.css);

@import url("sheet1.css");

@import url('sheet1.css');

@import sheet1.css;

@import "sheet1.css";

@import 'sheet1.css';

匯入樣式表的最大用處在於可以讓一個HTML檔案匯入很多的樣式表。也可以在樣式表中匯入樣式表。

Code:
  1. <style type="text/css">  
  2. <!--@import url(02-08.css);  
  3.       @import url(20-10.css);-->  
  4. </style>  

 

相關文章

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.