CSS應用基礎教程 1 基本認識

2021-04-17 07:14:35 字數 2325 閱讀 2207

概 論

css是『cascading style sheets』的簡稱,中文翻為「串接樣式表」,也有人只翻為「樣式表」。

css用以作為網頁的排版與風格設計,在所謂的「新式網頁」裡 ,

css不容置疑是相當重要的一環。

css是以既有的基礎,用以彌補既存html 規格裡的不足,也讓網頁的設計更為靈活。

這份教學檔案就要來為您介紹

css的應用羅!在這邊並不介紹

css的所有規格 ,僅就您在網頁寫作上較常用到,較可能用到的語法部份及應用的方法來為您作介紹。也 由於現在兩瀏覽器的相容是漸行漸遠,將貼心地為您註明支援該語法的瀏覽器。而ie從 3.0開始便支援部份語法了,這點也會為為您註明的。 各 章 節 的 概 略 介 紹

為了您參考與學習上的方便,在這裡先為您大略地說明一下這份教學檔案各章節所包含的內容吧!讓您在參考時有個方向與概念。基本上,前兩章著重於概念與基本認知的建立,也就是一些為您做一些札根的工作;第三章則為您補充在應用與設定上的一些其它方式或特性的說明與介紹。而第四章到第六章則著重於語法、引數與性質的介紹,也 就是真正建立在樣式表裡面的東東。

第一章 css

的基本認識: 就是本章啦!就介紹您一些

css基本概念與認識。

第二章 css

的應用方式: 為您介紹

css的基本宣告、應用方法與特性介紹。

第三章 css

的應用補充: 為您介紹

css的其它宣告方式、應用與特性介紹。

第四章 頁面性質的css

: 為您介紹頁面性質的

css相關語法、引數與性質。

第五章 文字性質的css

: 為您介紹文字性質的

css相關語法、引數與性質。

第六章 區塊性質的css

: 為您介紹區塊性質的

css相關語法、引數與性質。 應 用 上 的 基 本 認 識

應用css並不困難,但是請您先參考這裡的

基本認識,對一些用語有了一點基本概念後,對於您在看後面的教學會有助益,看起來也才不會太吃力!

一、基本用語的認識: 元件

(element):亦即html基本語法中的標籤

(tag)。

屬性(attribute):用以描述標籤特性的屬性。

例如:中,hr為標籤,width為屬性,而80%即為width屬性的值。性質

(property):用以描述元件的特性。相當於html基本 語法中的屬性。

樣式(style):擁有一組或陣列的性質,用以描述元件特性。

挑選者(selector):套用樣式的元件。

例如:h3中,h3為挑選者,color為性質,blue為color性質的值。

二、基本單位的認識:

有相對單位與絕對單位兩種單位 表達方式。

相對單位:

『em』:相對於字母高度的比例因子。

『en』:相對於字型大小的比例因子。

『%』:相對於長度單位(通常是目前字型的大小)的百分比例。

絕對單位: 『in』:英吋。

『cm』:公分。

『mm』:公釐。

『px』:畫素(系統預設單位)。

『pc』:pica,印刷活字單位。

『pt』:像點。

相對關係:1in= 6pc= 72pt= 2.54cm= 25.4mm

三、顏色使用的認識:

顏色的表示共有五種方式。

『#rrggbb』: 以三個00到ff的十六進製值分別表示0到255十進位值的紅、綠、藍三原色數值。

『#rgb』: 簡略表示法,只用三個0到f的十六進製值分別表示紅、綠、藍三原色數值。而事實上,瀏覽器會自動擴充套件為六個十六進製的值,如『#abc』將變為『#aabbcc』。但是,顯見這樣的 表示法並不精確。

『rgb(r,g,b)』: 以0到255十進位值的紅、綠、藍三原色數值來表示顏色。

『rgb(r%,g%,b%)』: 以紅、綠、藍彼此相對的數值比例來表示顏色,如『rgb(60%,100%,75%)』。

『color_name』: 直接以顏色名稱來表示顏色,共有141種標準的顏色名稱。

四、url表示法的認識:

css的url表示共有五 種方式,且都為合法宣告,您可以自行選用。

有了這些基本認識與概念後,接下來就要來為您介紹css的應用方法羅!

CSS 基礎教程

1簡介 1 css 概述 1.1css 指層疊樣式表 1.2內容與表現分離 2 多重樣式將層疊為乙個 2.1優先權 2.1.1內聯樣式 在 html 元素內部 2.1.2內部樣式表 位於 head 標籤內部 2.1.3外部樣式表 2.1.4瀏覽器預設設定 2基礎語法 1 語法 1.1由兩個主要的部分...

CSS應用基礎教程 4 顏色背景

主 要 作 用 在前面的章節介紹完了宣告與應用的方法及 一些特性之後,從這章開始,便要正式進入 css的指令介紹了!本章有兩個介紹的主 題,第乙個部份介紹的是顏色與背景性質的 css,其主要的作用在於設定元素的前景 顏色 背景顏色與背景圖形等樣式設定的性質 而第二部份為您介紹的是用於控制擺放 元素位...

Tensorflow 基礎教程(1)

在使用tensorflow之前先了解下tensorflow的幾個基礎知識 1 使用圖 graph 來表示計算 2 在回話 session 中執行圖 3 使用張量 tensor 來代表資料 4 通過變數 variables 維護狀態 5 通過供給 feeds 和取回 fetches 將資料傳入或傳出任...