Box Model:修訂版本之間的差異

出自六年制學程
跳轉到: 導覽搜尋
(新頁面: #地理填圖: #*[https://upload.wikimedia.org/wikipedia/commons/4/4d/BlankMap-World.svg 世界空白圖] #*100 國列表 #六年制學程選取那三樣客觀因...)
 
 
(未顯示2位用戶所作出之18次版本)
第 1 行: 第 1 行:
#地理填圖:
+
[[分類:HTML]]
#*[https://upload.wikimedia.org/wikipedia/commons/4/4d/BlankMap-World.svg 世界空白圖]
+
<img src='https://upload.wikimedia.org/wikipedia/commons/thumb/4/40/Box-Modell-zhtw.svg/576px-Box-Modell-zhtw.svg.png' />
#*[[國家/填圖|100 國列表]]
+
*padding(內距)
#六年制學程選取那三樣客觀因素和那三樣共同想像來探討人類歷史。
+
*#控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離)
#*宗教
+
*#不可以設定負值,這點與 margin 不同。
#*國家與帝國
+
*#基本語法範例:<p><span style='border:dashed 1pt;padding:5pt;'>padding:上 右 下 左;</span> <span style='border:dashed 1pt;padding:5pt;'>padding:上下 左右;</span> <span style='border:dashed 1pt;padding:5pt;'>padding:上 左右 下;</span> <span style='border:dashed 1pt;padding:5pt;'>padding:四個邊同樣値;</span></p>
#*信用
+
*#padding:auto;:讓瀏覽器自己去設定
#說明能量和能源有什麼不同?
+
*#padding:%;:讓瀏覽器自己去設定,跟邊界元素有關。
#*能量守恆,既不能消滅,也無法無中生有。
+
*margin(邊沿)
#*能源會越用越少。
+
*#控制一個區域(例如 DIV 或 span)的外邊界距離,俗稱外距。
#寫出五種人類使用的能源,並且按開始使用的早晚排列順序。
+
*#可以設定負値,會使得 margin 設定為負值的元素「疊」到另一個元素上(不過還是要視另一個元素所設定的邊界距離而定)。例如,我們將 A 區塊的 margin-bottom 設為 0 , B 區塊的 margin-top 設為 -10px ,那麼 B 區塊的文字就會疊到 A 區塊的文字上。
#*人力
+
*#基本語法範例:<p><span style='border:dashed 1pt;padding:5pt;'>margin:上 右 下 左;</span> <span style='border:dashed 1pt;padding:5pt;'>margin:上下 左右;</span> <span style='border:dashed 1pt;padding:5pt;'>margin:上 左右 下;</span> <span style='border:dashed 1pt;padding:5pt;'>margin:四個邊同樣値;</span></p>
#*媒
+
*#margin:auto;:讓瀏覽器自己去設定。
#*風能
+
*#margin:%;:讓瀏覽器自己去設定,跟邊界元素有關。
#*洋流
+
*border(邊框)
#*核能
+
*#邊框粗細:用長度表達
#自一萬多年前,現代智人由歐亞進入美洲,然後白令海的海平面上升,將兩邊的人類分開,直到 15 世紀,兩邊才再次接觸。為什麼歐亞人和美洲人再次遭遇後,是歐亞人殺死了百分之九五的美洲人,而不是倒過來?
+
*#邊框顏色:可以使用色標準色碼或顏色的英文名稱表達
#*農業需要水,必須在山脈下的平原才容易發展。歐亞的的山脈帶是水平走向,農業在同緯度容易傳播。
+
*#邊框樣式:可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等:<table style='border:none;'><tr><td style='border:none;'><div style='border:1pt #000 solid;padding:10pt;'>border-style:solid;</div></td><td style='border:none;'><div style='border:1pt #000 dotted;padding:10pt;'>border-style:dotted;</div></td><td style='border:none;'><div style='border:1pt #000 dashed;padding:10pt;'>border-style:dashed;</div></td></tr><tr><td style='border:none;'><div style='border:3pt #000 double;padding:10pt;'>border-style:double;</div></td><td style='border:none;'><div style='border:5pt #000 outset;padding:10pt;'>border-style:outset;</div></td><td style='border:none;'><div style='border:5pt #000 groove;padding:10pt;'>border-style:groove;</div></td></tr><tr><td style='border:none;'><div style='border:5pt #000 ridge;padding:10pt;'>border-style:ridge;</div></td><td style='border:none;'><div style='border:5pt #000 inset;padding:10pt;'>border-style:inset;</div></td><td style='border:none;'><div style='border:5pt #000 none;padding:10pt;'>border-style:none;</div></td></tr></table>
#*美洲的山脈卻是垂直走向,傳播農業需要跨越不同的緯度,氣溫變化大,相對困難。
+
*#<span style='position:relative;top:0.7em;border-top:5px double red;'><span style='position:relative;top:-0.7em;'>雙刪除線</span></span>:&lt;span style='position:relative;top:0.7em;border-top:5px double red;'&gt;&lt;span style='position:relative;top:-0.7em;'&gt;雙刪除線&lt;/span&gt;&lt;/span&gt;
#請寫出超新星爆炸與西元1453年歐亞人和美洲人重新接觸之後,歐亞人勝過美洲人的關係?(提示:地函熱柱、板塊運動)
+
*#*先用 position:relative; 讓元素「可用top」以相對其「原本該出現的所在位置」,調整至新位置。
#*由於板塊運動的引響,而讓經緯度也跟著改變了,農業在歐亞山脈較好發展,所以歐亞人自然勝過美洲人
+
*#*再用 top:0.7em; 在上方塞約半個字,使上框線下降約半個字
#資訊是客觀的嗎?請說明。
+
*#*最後增加一個子元素,用 top:-0.7em; 讓字回到「原來該出現的位置」。
#*資訊是客觀的,可以用「夏農熵」計算。我們,生命,都是「資訊」。
+
*#*須要如此做的原因是因為 text-decoration: 樣式只能畫單刪除線,無法指示畫出雙刪除線。
#列舉出人類史上資訊處理與溝通工具的七次躍進,要按照發生的前後順序。並簡述這七次躍進各有什麼革命性的進展。
+
#*語言
+
#*文字
+
#*紙筆
+
#*印刷
+
#*電波編碼
+
#*電腦
+
#*網際網路
+
#貨幣有那一些功能?
+
#*#交易的媒介
+
#*#衡量價值
+
#*#儲存價值
+
#交易的本質,每一筆交易,最終交易的到底是什麼?
+
#*最終交易的是「人類為其他人類服務的時間」。
+
#*#生計時間,維生時間,用來獲取生活所需。
+
#*#可自由支配的時間,休閒時間。
+
#*#消費時間,一直壓縮個人的可自由支配的時間,拿來投入交易。
+
#近代政府發行法幣經常發生信用破產,為什麼?請舉一個政府發行法幣信用破產的例子。
+
#*
+
#十七世紀時,明朝政府與荷蘭政府同樣面臨戰爭短期支出急速膨脹的財政難題,為什麼明朝政府借不到錢,荷蘭政府卻可以透過發行公債、開辦保險等籌措經費度過難關?
+
#*成就金融產業的條件
+
#*#可問責的政府
+
#*#有透明的資訊(新聞自由)
+
#農業發明之前的村落,某位村民發明可以在相同面積生產 100 倍食物的生產方法(種春小麥),但是要先 100 天不能去採集漁獵,要怎麼解決收成前不會先餓死的問題?
+
#*在使用這個方法之前,種植作物的量比一般量稍多,一點一點存積100天所需要的資本,才開始執行這個在相同面積生產100倍食物的方法。
+
#請寫出現代金融三大部門。
+
#*銀行
+
#*保險
+
#*票劵
+
#請說明何謂國家?帝國?帝國主義?
+
#*國家:擁有人民、土地,有政府對內統治,對外進行外交的共同體。
+
#*帝國:統治許多民族,不改變基本架構和認同就能擴張疆域納入更多領土。
+
#*帝國主義:一種政治主張或實踐,透過奪取其他國家的領土和剝削被佔領土的人民,建立經濟及政治霸權。
+
#寫出古代五個階段中的九個帝國。
+
#*波斯帝國、亞歷山大帝國
+
#*羅馬帝國–秦漢帝國
+
#*阿拉伯帝國(大食帝國)、[1]–隋唐帝國
+
#*蒙古帝國
+
#*土耳其帝國–大清帝國
+
#請問一個社會為什麼不能純粹用武裝和暴力來維持秩序?要不然要怎麼辦?
+
#*
+
#中世紀教會腐敗,新教徒得以成功發動宗教改革,是得力於七波資訊工具突破的那一波?
+
#*印刷
+
#中世紀宗教改革,新教教義與舊教教義最大的差別是什麼?舊教神職人員叫什麼?新教神職人員叫什麼?兩者在角色上有什麼不同?
+
#*
+
#簡單解釋伊斯蘭教的五功。
+
#*念 念真經
+
#*拜 拜讀
+
#*齋 齋戒
+
#*課 捐獻
+
#*朝 朝拜
+
#伊斯蘭教後來分裂成哪兩派?哪一派是全球的多數派?
+
#*遜尼派、什葉派
+
#*遜尼派
+
#請用你自己的話說明佛教所謂三毒貪、嗔、痴的害處。
+
#*貪:貪心,想過度滿足自己的各種欲望。
+
#*嗔:因迷惑而傷害他人。
+
#*癡:沒有智慧,不明很多事理。有時明明不知道卻要裝作知道。
+
#請用你自己的話解釋「萬般帶不走,唯有業隨身」的意思。
+
#*你什麼都帶不走,只有葉會一直跟隨你走。
+
#請回答以下關於近代意識型態的問題:
+
#*共產主義、資本暨消費主義、民族主義、人文主義各自崇拜什麼?
+
#*#共產主義崇拜唯物史觀
+
#*#資本暨消費主義崇拜自由市場
+
#*#民族主義崇拜國家民族
+
#*#人文主義崇拜人性
+
#*說明資本暨消費主義的四個教條,並依你的意見評論這些教條對或不對?理由何在?
+
#*#資本暨消費主義四個教條
+
#*#*教條一:應該和利潤拿出來,再投入生產。
+
#*#*教條二:長期來說餅會變大。
+
#*#*教條三:經濟成長至上。
+
#*#*教條四:消費主義,消費是美德,這種美德不用苦行,人民都成了乖巧的消費者,買了無數並不真正需要的東西。
+
#**消費者買了很多生活上不需要的東西認同,消費是為了要滿足生活上所需,而不是為了滿足消費慾望
+
#*人文主義分成那三種,核心主張各為什麼?
+
#*#自由人文主義:人性就是每一個人的自我特質,個人自由神聖不可侵犯。「人權」神聖化,反對酷刑和死刑。
+
#*#社會人文主義:所謂人性是集體而非個人,神聖的不是每個人內心的聲音,而是人類整體,追求平等,反對富人比窮人更有特權,因為這表示金錢超過了人類本質。富人、窮人人類本質相同,只是錢多錢少不同。
+
#*#進化人文主義:納粹相信人可以進化成超人,也可以退化成非人,雅利安人是進化的,猶太人、吉普賽人、同性戀者、精神病患是退人的。不合目前科學的結論。
+
#*各國在憲法中保障每個人生命權、財產權、自由權是受什麼意識型態信仰的影響?
+
#*每人一票,票票等值的投票規則是受什麼意識型態信仰的影響?
+
#*進化人文主義為什麼目前會在政治主張上被邊緣化?
+
#早期人類起源核心,西方核心在那裏?東方核心在那裏?此後東西兩個核心各自循什麼動線發展?
+
#*西方核心由兩河流域一路向西拓展到大西洋、向東到伊朗高原
+
#西元1945年迄今,人類每年因戰爭死亡的人口數是最少的,請試著說明原因。
+
#*
+
#請寫出人類文明典範的三支腳,並試舉一個例子說明這三支腳的相互關係。
+
#依研究發現,台灣的史前文化依先後順序分為哪三個時期?請各舉出三個代表的文化遺址。<br/>Ans:
+
#*舊石器時代晚期:長濱文化、網形文化、左鎮人文化。
+
#*新石器時代:大坌坑文化、圓山文化、卑南文化。
+
#*金屬器時代:十三行文化、蔦松文化、靜浦文化。
+
#臺灣史上出現的第一個國家政權和第一個漢人政權分別為何人建立的?<br/>Ans:
+
#*第一個國家政權:荷蘭人建立的。
+
#*第一個漢人政權:鄭成功建立的。
+
#臺灣進入【國際競爭時期】與哪些世界性的大事件有關聯?<br/>Ans:大航海時代來臨、宗教革命、帝國主義興起。
+
#【鄭氏治臺時期】對臺灣的拓墾貢獻很大,其拓墾方式大致可分為哪幾種?<br/>Ans:民墾、軍屯、官墾。
+
#【清領臺灣時期】共212年,但是對治理臺灣態度消極且無方,在遇到哪些外力威脅事件後才轉而積極治理臺灣?<br/>Ans:
+
#*英法聯軍之役後,臺灣開港通商。
+
#*清日牡丹社事件,喪失琉球(沖繩),臺灣南部海防突顯重要。
+
#*清法戰爭,喪失越南,臺灣北部海防突顯重要。
+
#日治臺灣時期依政治演進大致分為哪三個時期?<br/>Ans:無方針主義時期(1895~1920)→內地延長主義時期(1921~1936)→皇民化運動時期(1937~1945)
+
#請舉出日治時期臺灣現代化的建設或措施五項。<br/>Ans:
+
#*建築西部基隆到高雄的縱貫鐵路和許多公路
+
#*整建基隆港和高雄港、興建澎湖馬公港
+
#*設立臺灣銀行
+
#*設臺北郵局
+
#*建置現代化機器的製糖所
+
#*重視醫療設施和公共衛生
+
#*設置法院
+
#*提倡守時
+
#請寫出二二八事件發生的原因和導火線。<br/>Ans:
+
#*原因:
+
#*#政治方面-行政長官公署措施失當,使臺灣民眾失望。<br/>行政長官集政、法、軍大權於一身,專制獨裁。行政人員任用不公-政府高階官員多由大陸來臺人士壟斷。官員貪污腐化、軍警風紀敗壞。
+
#*#經濟方面-由於國共內戰,臺灣物資大量輸往大陸,引發通貨膨脹現象(物價飛漲、百業蕭條,私人企業難以發展),導致失業問題嚴重。二次大戰末期遭轟炸的工廠和交通設施未能迅速恢復。
+
#*#社會方面-語言隔閡、文化差異治安惡化。
+
#*導火線:查緝私菸事件。
+
#從1949年以來臺灣的兩岸政策演變為何?<br/>Ans:
+
#*軍事對抗:反共抗俄,解救大陸苦難同胞。
+
#*和平對峙:三民主義統一中國,以三不原則(不接觸、不談判、不妥協)對應中國的「一國兩制」。
+
#*開放探親、民間交流。
+
#*開啟兩會對話機制:台灣的海峽交流基金會(海基會),中國的海峽兩岸關係協會(海協會)
+
#*開放小三通。
+
#*開放兩岸直航。
+
#從1949年以來臺灣的外交政策演變為何?<br/>Ans:鞏固外交→彈性外交→務實外交→全民外交。
+
#鳳梨酥的材料有七種,請舉出其中四種?
+
#寫出一個鳳梨酥改良的例子?
+
#一個265g的鳳梨酥熱量有多少卡?
+
#*熱量計算公式:每克脂肪*9+每克蛋白質*4+每克醣類(碳水化合物)*4
+
#*<table class=nicetable><tr><th>熱量</th><th>膽固醇</th><th>粗蛋白</th><th>粗脂肪</th><th>碳水化合物</th><th>鈉</th><th>鈣</th><th>鐵</th></tr><tr><th>?</th><th>6mg</th><th>4.2g</th><th>28.8g</th><th>57.6g</th><th>59mg</th><th>39mg</th><th>0.7mg</th></tr></table>
+
#試著草擬一份電話聯絡草稿,對象是你要聯絡的均優學習論壇議程負責人。
+
#請列舉出你所栽種的春季作物三種,並寫出其播種方式。
+
#請寫出植物生長所需的主要元素。<br/>Ans:碳、氫、氧、氮、磷、鉀、鎂、鈣、硫
+
#*碳、氫、氧是構成醣類和脂肪的主要元素。
+
#*碳、氫、氧、氮是構成氨基酸進而組成蛋白質的主要元素。
+
#*硫是構成含硫氨基酸(甲硫胺酸、半胱胺酸)的元素。
+
#*碳、氫、氧、氮、磷是構成核苷酸進而組成RNA、DNA的主要元素。
+
#*碳、氫、氧、氮、鎂是構成葉綠素的主要元素。
+
#*鈣是構成細胞壁的重要元素。
+
#*鉀影響光合作用、酵素的活化、氣孔開合
+
#寫出本班書籍出版課中文章內容三元素。<br/>Ans:重點、觀點、賣點
+
#寫出本班書籍出版課中文章結構五重點。<br/>Ans:
+
#*who(關於我)
+
#*what(說明)
+
#*why(動機、緣起)
+
#*how(過程)
+
#*impact or effect(影響或衝擊)  
+
#簡述灰姑娘劇本。
+
#請依圖示,寫出下列腳位的功用或物品名稱
+
#請依圖示,寫出下列腳位的功用或物品名稱
+
<table class=nicetable>
+
<tr>
+
  <th> 腳位 </th>
+
  <th>  功用或物品名稱  </th>
+
  <th> 腳位 </th>
+
  <th>  功用或物品名稱  </th>
+
</tr>
+
 
+
<tr>
+
  <th>A0</th>
+
  <th>滑桿可變電阻</th>
+
  <th>D7</th>
+
  <th>連續旋轉伺服馬達</th>
+
</tr>
+
 
+
<tr>
+
  <th>A1</th>
+
  <th>光感測元件</th>
+
  <th>D8</th>
+
  <th>角度伺服馬達</th>
+
</tr>
+
 
+
<tr>
+
  <th>A2</th>
+
  <th>麥克風</th>
+
  <th>D9</th>
+
  <th>蜂鳴器</th>
+
</tr>
+
 
+
<tr>
+
  <th>D2</th>
+
  <th>按鈕開關</th>
+
  <th>D10</th>
+
  <th>紅色LED燈</th>
+
</tr>
+
 
+
<tr>
+
  <th>D4</th>
+
  <th>連續旋轉伺服馬達</th>
+
  <th>D11</th>
+
  <th>綠色LED燈</th>
+
</tr>
+
</table>
+
[[File:S4A_Q1.png]]
+
===實作===
+
*動手玩創意:士賢
+
*#實作題目
+
*#*請同學設計一個遊戲或裝置,利用二個感測器與二個物理原理,把旗子升起。
+
*禪繞畫:實作一幅,主題不拘
+
 
+
===英文===
+
A: 比較級填空,請依照句子的意思,在空格內填入適當的比較級形容詞
+
*例:
+
*My house is big. Your house is small.
+
**My house is bigger than yours.
+
**空格應填:bigger
+
*My house is big. Your house is small.
+
**1.Your house is smaller than mine.
+
*The color of my clothes is bright. The color of your clothes is dark.
+
**2.My clothes is brighter than yours.
+
**3.Your clothes is darker than mine.
+
*John’s body is weak. Mary’s body is strong.
+
**4.John’s body is weaker than Mary’s.
+
**5.Mary’s body is stronger than John’s.
+
*The speed of an air plane is fast. The speed of a bicycle is slow.
+
**6.An air plane is faster than a bicycle.
+
**7.A bicycle is slower than an air plane.
+
*This tree is beautiful. That tree is not beautiful.
+
**8.This tree is more beautiful than that tree.
+
*This test is very important. That test is not important.
+
**9.This test is more important than that test.
+
**10.That test is less important than this test.
+
 
+
 
+
B: 被動語態:請將句子修改成被動語態
+
*單字:sign / break / throw / forget / divide / finish / design / abandon / fix / nominate
+
*例:
+
*The teacher divided our class into four groups.
+
*修改成被動語態: Our class was divided into four groups by the teacher.
+
*#I signed the form. The form was signed by me.
+
*#He broke the window. The window was broken by him.
+
*#I forgot my keys. My keys were forgotten by me.
+
*#Mary threw out the trash. The trash was thrown by Mary.
+
*#Mr.Smith finished the tea. The tea was finished by Mr. Smith.
+
*#He designed this house. This house was designed by him.
+
*#The crew abandoned the ship. The ship was abandoned by the crew.
+
*#They fixed the election. The election was fixed by them.
+
*#They nominated John as group leader. John was nominated as group leader by them
+
 
+
 
+
C: 文章翻譯:請將下列文章翻成中文(白話文)
+
*Chuangtse and Hueitse had strolled onto the bridge over the Hao, when the former observed,
+
 
+
"See how the small fish are  darting about! That is the happiness of the fish."
+
 
+
"You not a fish yourself," said Hueitse, "how can you know the happiness of the fish?"
+
 
+
"And you not being I," retorted Chuangtse, "how can you know that I do not know?"
+
 
+
"If I, not being you, cannot know what you know," urged Hueitse, "it follows that you,
+
 
+
not being a fish, cannot know the happiness of the fish."
+
 
+
"Let us go back to your original question," said Chuangtse.
+
 
+
"You asked me how I knew the happiness of the fish. Your very question shows that you knew that I knew. 
+
 
+
I knew it (from my own feelings ) on this bridge."
+
 
+
 
+
D: Dr.Who 單字翻譯:請將Dr.Who前十分鐘的下列單字翻成中文
+
*#photograph:照片
+
*#children:孩子、小孩
+
*#promise:承諾、答應
+
*#grandson:孫子
+
*#grandmother:外婆、奶奶、祖母
+
*#identical:一樣的 
+
*#marriage:婚姻
+
*#actually:其實
+
*#stupid:笨的
+
*#understand:知道、了解
+
*#licence:證照
+
*#investigate:調查
+
*#coffee:咖啡
+
*#luck:運氣
+
*#blink:
+
*#doorbell:門鈴
+
*#exact:完全的
+
*#absolutely:完全地
+
*#useless:沒用的
+
*#London:倫敦
+
 
+
E:Magic E單字聽寫:請聽寫出下列單字
+
*note / tape / five / pine / wake / huge / late / cute / smile / robe / time / game / race / price / hope / trace / lake / bake / name / dice
+

2019年1月6日 (日) 20:39的最新修訂版本

  • padding(內距):
    1. 控制區域如 DIV 、 span 、表格的內部距離(例如文字或圖片與邊框的距離)
    2. 不可以設定負值,這點與 margin 不同。
    3. 基本語法範例:

      padding:上 右 下 左; padding:上下 左右; padding:上 左右 下; padding:四個邊同樣値;

    4. padding:auto;:讓瀏覽器自己去設定
    5. padding:%;:讓瀏覽器自己去設定,跟邊界元素有關。
  • margin(邊沿):
    1. 控制一個區域(例如 DIV 或 span)的外邊界距離,俗稱外距。
    2. 可以設定負値,會使得 margin 設定為負值的元素「疊」到另一個元素上(不過還是要視另一個元素所設定的邊界距離而定)。例如,我們將 A 區塊的 margin-bottom 設為 0 , B 區塊的 margin-top 設為 -10px ,那麼 B 區塊的文字就會疊到 A 區塊的文字上。
    3. 基本語法範例:

      margin:上 右 下 左; margin:上下 左右; margin:上 左右 下; margin:四個邊同樣値;

    4. margin:auto;:讓瀏覽器自己去設定。
    5. margin:%;:讓瀏覽器自己去設定,跟邊界元素有關。
  • border(邊框):
    1. 邊框粗細:用長度表達
    2. 邊框顏色:可以使用色標準色碼或顏色的英文名稱表達
    3. 邊框樣式:可以設定實線(solid)、虛線(dashed)、雙實線(double)、連續點(dotted)等:
      border-style:solid;
      border-style:dotted;
      border-style:dashed;
      border-style:double;
      border-style:outset;
      border-style:groove;
      border-style:ridge;
      border-style:inset;
      border-style:none;
    4. 雙刪除線:<span style='position:relative;top:0.7em;border-top:5px double red;'><span style='position:relative;top:-0.7em;'>雙刪除線</span></span>
      • 先用 position:relative; 讓元素「可用top」以相對其「原本該出現的所在位置」,調整至新位置。
      • 再用 top:0.7em; 在上方塞約半個字,使上框線下降約半個字
      • 最後增加一個子元素,用 top:-0.7em; 讓字回到「原來該出現的位置」。
      • 須要如此做的原因是因為 text-decoration: 樣式只能畫單刪除線,無法指示畫出雙刪除線。