XOOPS輕鬆架 - 線上書籍

:::

BootStarp4實做入門
==============

### 一、關於CSS

1. 由於BooStrap是一套CSS框架，故簡單了解CSS用法是必要的。
2. CSS，<span class="LangWithName">英語：<span lang="en" xml:lang="en">**Cascading Style Sheets**</span></span>，簡稱**CSS**，中文通常稱為**層疊樣式表**或**串接樣式表**
3. CSS可用來替網頁上的各種元件設定其外觀。
4. 一般HTML負責搭建網頁的文件結構，而透過CSS來美化其外觀。
 
### 二、使用方法

1. 基本概念：挑選網頁中的元件，套上指定樣式。
2. 一組CSS宣告的組成為「挑選器 {樣式屬性 : 值;}」，如： ```
  <pre class="brush:css;gutter:false;">
  body {
    font-family: '微軟正黑體';
  }
  ```
3. 若有多個宣告，請用「;」隔開。
4. CSS樣式屬性以及可用的值可從這裡查詢：[ http://css.doyoe.com](http://css.doyoe.com)
5. 套用樣式的三種方法： <table border="1" bordercolor="#000000" cellpadding="4" cellspacing="0" class="table table-condensed table-striped table-bordered" width="100%"> <colgroup> <col width="28*"></col> <col width="61*"></col> <col width="90*"></col> <col width="77*"></col> </colgroup> <tbody> <tr valign="TOP"> <td> </td> <th>行內樣式
  
   </th> <th>內部樣式
  
   </th> <th>外部樣式
  
   </th> </tr> <tr valign="TOP"> <th>影響範圍
  
   </th> <td>最小
  
   </td> <td>單一頁中
  
   </td> <td>許多頁
  
   </td> </tr> <tr valign="TOP"> <th>優先權
  
   </th> <td>最高
  
   </td> <td> </td> <td> </td> </tr> <tr valign="TOP"> <th>用法
  
   </th> <td>`<HTML標籤 style="CSS宣告;">`
  
   </td> <td>`<style type="text/css">`
  
  `CSS宣告;`
  
  `</style>`
  
   </td> <td>`<link href="CSS檔.css" rel="stylesheet">`
  
   </td> </tr> </tbody> </table>
6. 一個頁面可以同時套用好幾個css檔或設定，若裡面有挑選器重複的，則以最後讀到的為主。
7. 在CSS檔中，還可以用import來引入其他的CSS檔：如：`@import url("block.css");`
 
### 三、CSS的三種挑選器

1. 標籤挑選器：即一般網頁標籤。如：`body`、`h1`、`div`、`p`...等，只要是該標籤都會受影響。 
  - (1) 樣式表：`p {CSS屬性: 值;}`
  - (2) 網頁：`<p></p>`
2. ID挑選器：樣式表以「#名稱」宣告，網頁則需使用id屬性，id不可重複，如： 
  - (1) 樣式表：`#home{CSS屬性: 值;}`
  - (2) 網頁：`<div id="home"></div>`
3. <span style="background-color:#FFFFE0;">類別挑選器：樣式表以「.名稱」宣告，網頁則需使用class屬性，class可以重複，且可以同時設定好幾個，如：</span>
  - (1) 樣式表：`.row{CSS屬性: 值;}`
  - (2) 網頁：`<div class="row"></div>`
4. **基本上，BootStrap就是一堆類別挑選器的組合**

:::

書籍目錄

展開 | 闔起

快速登入

進階搜尋

https%3A%2F%2Fcampus-xoops.tn.edu.tw%2Fmodules%2Ftad_book3%2Fmarkdown.php%3Ftbdsn%3D969

計數器

今天：
昨天：
總計：

MarkDown

書籍目錄

快速登入

計數器