2018-07-19, 週四

CSS簡介

張貼於 週三, 15 七月 2015 19:16 作者
给本項目評分
(0 得票數)

CSS指的是Cascading Style Sheets,中文名稱為串接樣式表、層疊樣式表或是階層式樣式表。

Cascading在上下文(內文)中表示,多個(多於一個)的樣式規則,可以套用到特定的HTML,通常後面的規則會優先於前面的規則。因為一個HTML元素(elements)可以套用多個(一個以上)的CSS樣式,就像是一層層疊起來一樣,所以有層疊或階層式(Cascading)的名稱。

 

HTML elements(元素),指的是包含開始的標籤、結束的標籤以及之間內容。

<tagname>content</tagname>

例如:

<p>這是HTML的段落</p>

HTML檔案(文件)是由所有的HTML元素所組成的

 

CSS的優先順序

行內樣式(inline style) > 內部樣式表(Internal stylesheet) > 外部樣式表(external stylesheet)

 

外部樣式表:在HTML檔案中,連結一個獨立的CSS檔案,優先等級最低。

<link href="path/to/file.css" rel="stylesheet">

 

內部樣式表:在HTML檔案中,包含CSS的樣式。
CSS property definition in HTML document

<style>...</style>

 

行內樣式:在HTML的標籤(tag)內,使用style設定CSS樣式。

<h1 style="color:red"> Chapter 1. </h1>

 

閱讀 1917 次數 最後修改於 週三, 09 九月 2015 00:36
JoomlaEC

選擇簡單好用的工具,讓您的專業發揮到極致。

www.joomlaec.com