語法複習 註解 // /**/ /// 單行註解 // 註解單行代碼 多行註解 /* 要註解的內容 */ 文檔註解 ///註解類別和方法 HTML <!--要註解的內容--> CSS/* 要註解的內容 */ 命名規範 Camel駱駝命名：要求首單詞的或字母小寫，其餘單詞首字母大寫，變數/變量、欄位/字段 int age str...
[CSS] 導航
佈局 Index.html <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>佈局</title> <link href="Test.css" type="text/css" rel="stylesheet"/>...
[CSS] 簡單的佈局
一個盒子box就一個div，div跟div之間、div與網頁邊距之間的間距用margin。 div裡面的內容跟div之間的間距，用padding來表示。 border就是盒子div的邊框 Margin & Padding *星號代表所有網站 margindiv和網頁之間的間距，若寫4個值依序:上右下左(順時針) paddingdiv和div裡面的...
[CSS] CSS練習
大部分網站當中，你看到的每一塊東西，基本上都是div。 練習 Steps: 先放一個大div，裡面放一個table table的第一行，放一個div當標題 table的第二行，放一個table呈現內容 使用link連結css檔(寫好的css另外存一個檔案) <link type="text/css" rel="stylesheet" href="Test.css...
[CSS] 文本屬性
文本 文本的屬性包括：文字間距、對齊方式、上標、下標、排列方式、首行縮進。 word-spacing設置單詞之間的間距 letter-spacing設置字符之間的間距 text-align設置本文的水平的對齊方式，取值可以是left right center justfy text-indent首行縮進(就類似我們寫作文時，要先空兩個) line-height文本所在...
[CSS] position 位置
文檔流的概念 我們在這個網頁當中，都是遵循從上到下排列元素，沒有重合的，但我今天想要實現這個效果，重疊在一起，怎麼做呢？ position:absolute;絕對定位，定到哪就是哪 z-index:3;數字愈大，顯示愈上層 <!DOCTYPE html> <html> <head> <meta charset="utf-8" ...
[CSS] CSS字體属性介绍
CSS字體属性介绍 CSS當中的屬性非常多，大致上可以分為以下幾類：字體、背景、文本、位置、佈局、邊緣、列表。 字體 Font-family設置字體系列 Font-size設定字體的大小 Font-style設定字體是否為斜體字(italic 或oblique)。 text-decoration font-weight 屬性是用來設定字體的厚度。 <!DOC...
[CSS] CSS中的選擇器(Selector)
HTML Selector(選擇器) 你寫哪個標籤，就顯示哪個標籤的樣式 就是嵌入樣式表(需要在head標籤內寫<style type="text/css"></style>) HTML選擇器=嵌入樣式表 <!DOCTYPE html> <html> <head> <meta charset="utf-8" /&g...
[CSS] 寫入CSS的三種方式
CSS實現了網頁內容和網頁效果的徹底分離。 內聯樣式表(在標籤內設元素的樣式) <p style="background-color:yellow; font-size:xx-large">今天天氣真好呀!</p> “內聯樣式表”優先級比”嵌入樣式表”高 嵌入樣式表(需要在head標籤內寫<style type="text/css"><...
[HTML] Frame 框架標籤
right.html left.html top.html index.html 分割頁面frameset/frame index.html 上下分rows 左右分clos 固定分割線noresize <html> <head> <title>Index</title> </head...