打開dw貼上 就是美美的背景囉!
2017年2月15日 星期三
2016年9月21日 星期三
HTML和CSS的區別
HTML是什麼？
Hypertext Markup Language 超文字標記語言
一種利用純文字的方式來進行幕後版排的方式，HTML 就是網頁的原始碼呈現的方式之一，可以利用連結的方式，移動到所需要的頁面。
HTML是什麼？ 是一種“幕後文字排版”的方式之一。
主要的開啟方式： 排版完成後：瀏覽器 排版時（純文字模式）
HTML 只是一個很普通的文字檔。所以任何平台都可以輕易的編修。
HTML 只是一個很普通的文字檔。所以任何平台都可以輕易的編修。
只要依照標準進行撰寫，所有的平台都可以順利的讀取顯示出作者想要表現的畫面。
※開啟HTML初始畫面
※範例
<html>為 HTML 主體。
<head>為 HTML 表頭設定。
<title>為 HTML 標題定義。
<body>為 HTML 頁面內容設定主體。
---------------------------------------------------------------------------------
2016年4月10日 星期日
宣告 CSS 樣式之選擇器 (Selector) 使用
宣告 CSS 樣式的語法如下：
選擇器 {
屬性：設定值；
...
}
屬性：設定值；
...
}
例如：
.mmm {
background:#999;
}
在一個選擇器 (Selector) 中，可以設定的屬性數目沒有限制。
選擇器主要有三種：型類 (Type) 選擇器、Class 選擇器、和 ID 選擇器。
型類選擇器是 (X)HTML 標籤，如 <body> 和 <h1>。Class 和 ID 選擇器是使用者自訂的選擇器。
樣式是以『屬性：設定值』的方式來制定。
舉例來說，若我們要設定一個元素內的文字是黃色的，
那就用以下的『屬性：設定值』：
color="#FFFF00"
在以上的宣告內，color 是屬性，而#FFFF00是設定值。
在某些時候，一個屬性可能會有好幾個設定值。這些通常都是因為屬性是一個捷徑。舉例來說，margin 屬性可能會有 4 個設定值，而每一個值代表每一邊的邊界長度。
(順序為上、右、下、左)
2016年3月27日 星期日
What the CSS??
CSS的由來
CSS(層疊樣式表Cascading Style Sheets)由字面上來看你完全看不懂是什麼含意，這個RSS有異曲同工之妙！一般人只知道CSS是用來定義網頁元件的顯示樣式。
CSS是為了解救HTML(Hyper Text Markkup Language)而誕生的
為什麼要解救HTML？這就要從早期的HTML發展來說了，最早的網頁就是全部由HTML的語法所堆砌出來的，而且剛開始的時候真的就是以文字(Text)為主要內容，但是慢慢地大家對網頁呈現的方式要求越來越高的時候，大家就開始在網頁上加了一些排版的元素進來，像是字體的大小、字型及顏色，文字表格，圖片及字的相關位置等等，所以HTML就慢慢變得越來越複雜...
EX:覺得SHOPPING99粉色按鈕想改成別的顏色，麻煩就是現在有兩百多件的商品每一個的HTML標頭都要一一的改過?!?!?!四個館都要改?!
所以就有人把「結構化程式語言」的觀念帶到HTML裡面來，也就是說將一個網頁拆成許多的「小網頁」零件，這樣子作的結果就是10幾年前的「框頁Frame」架構到處充斥。但是用框頁架構有一個很嚴重的問題：因為你的網頁是由許多小網頁組合而成，而且每一個小網頁都是可以獨立顯示的，所以當搜尋引擎在檢索你的網頁的時候，會造成「瞎子摸象」的效應，也就是無法知道你的網頁完整的樣子，所以沒多少大家就開始尋求其他的解決方式。
而CSS就是這種解決方式的產物，所以的說CSS是為了解救HTML而誕生的這樣子知道了嗎？那CSS為什麼可以解救HTML呢？因為它可以幫HTML分擔一半的工作！
以前的HTML要內容也要管排版，但是現在有了CSS之後，HTML可以只要輕鬆地管好他的內容就好了，而排版的部份就交給CSS來負責了，這就是網頁分工的一個好例子，而且這樣子把排版相關的東西集中起來之後，當你要修改網頁中的某一個元素時（像我之前提到的標頭部份），你只要在相對應的CSS部份修改之後，所有引用這一段CSS的網頁就全部更新了，這樣子網頁的維護才能變得比較輕鬆及合理化。
訂閱：
文章 (Atom)