目錄
HTML CSS介紹
CSS:層疊樣式表，又名 級聯樣式表， Cascading Style Sheets
用於渲染html元素標籤的樣式。
CSS是HTML的合夥人。在編碼過程中發揮不同的作用：
- HTML負責網頁的具體內容（結構）
- CSS則修飾網頁的表現形式（佈局）
三種添加方式
CSS添加到HTML中有以下三種形式：
- 內聯樣式：在HTML元素中使用“style”屬性。
- 內部樣式表：在HTML文檔頭部head區域使用style元素來包含CSS。
- 外部引用：使用外部CSS文件。
內聯樣式
當特殊的樣式需要應用到個別元素時，就可以使用內聯樣式。
使用內聯樣式的方法是在相關的標籤中使用樣式屬性。樣式屬性可以包含任何CSS屬性。
下面給出實例：
<h1 style="font-family:arial;">百度</h1>
<p style="font-family:arial;color:red;font-size:20ps;">全球最大中文搜索引擎</p>
| font-family | 字體 |
|
font-size |
字體大小 |
| color | 顏色 |
| text-align | 文字對齊（center等） |
內部樣式表
當單個文件需要特別樣式時，就可以使用內部樣式表。
咱們可以通過在head部分，利用style標籤定義內部樣式表。
下面給出實例：
<head>
<style type="text/css">
body {background-color:yellow;}
h1 {color:red;}
p {color:blue;}
</style>
</head>
外部樣式表
當樣式需要被應用到多個頁面的時候，外部樣式表將會是最理想的選擇。使用外部樣式表，你就可以通過引入一個樣式文件來改變整個站點的外觀。
下面給出實例：
<head>
<link rel="stylesheet" type="text/css" href="pages/style.css">
<!--通過pages目錄下的樣式文件style.css進行渲染-->
</head>
<body>
<h1>通過style.css文件進行渲染，然後顯示</h1>
<p>也是通過樣式文件進行渲染</p>
<!--style.css對當前整個頁面都使用，因爲實在此王爺的head部分，外部引入了樣式文件-->
</body>