cc131-基礎(chǔ)班筆記表單是為數(shù)據(jù)而存在的

1、昨日回顧表單：表單是為數(shù)據(jù)而存在的！value=”1” checked=”checked” /input type=” checkbox”文字 1.框架：框架是用于將“當(dāng)前窗口”進(jìn)行成更小窗口的一種技術(shù)。framseset 代替 body，并要使用框架文檔類型。 css 基本概念：css 是用于這樣一個(gè)目的： 將網(wǎng)頁中的某個(gè)（些）css 的語法基本模式為：（元素）的某(些)方面特性設(shè)置為某(些)個(gè)值。選擇器 css 屬性 1：值 1；css 屬性 2：值 2；所謂選擇器，其實(shí)就是某種可以對(duì)應(yīng)到網(wǎng)頁中的某個(gè)（些）css 選擇器分類：選擇器：一個(gè)英文單詞.的語法形式。所謂一個(gè)英文單詞，其實(shí)也就是一

2、個(gè)應(yīng)該存在的類選擇器（class 選擇器）名.類名 啊啊啊啊啊 id 選擇器：#id 名.。通用選擇器：*.偽類選擇器：a:link a:visited a:hover。 a:active.注意：上述個(gè)偽類用于通常就必須按上述順序?qū)?。另外，?shí)際應(yīng)用中，常常簡(jiǎn)化為這樣：a a:hover.含義是：a 連接層級(jí)選擇器：只分“鼠標(biāo)放上去狀態(tài)”和“其他狀態(tài)”選擇器 1選擇器。分組選擇器：選擇器 1， 選擇器。文字段落的樣式屬性color：設(shè)定一個(gè)中的文字的顏色，顏色值可以使用英文單詞，16 進(jìn)制語法和 rgb 語法：color: red;color: #f0fcf8;color:rgb(123, 88

3、, 205);font-size: 設(shè)定文字大小，通常為像素（px） 一般的商業(yè)的文字大小通常都是 12px。font-weight: 設(shè)置文字粗體（bold）或非粗體（normal）。font-style: 設(shè)置文字斜體(italic) 或非斜體（normal）font-family：設(shè)置文字的字體名字，可以使用多個(gè)字體名，中間用逗號(hào)分開，表示的含義是：首先使用第一個(gè)字體，如果用戶電腦中沒有第一個(gè)，則是用第二個(gè)，以此類推。舉例：font-family: 宋體，仿宋，微軟雅黑，arial, “Times New roman”;line-height:設(shè)置文字的行高，通常也是 px，即一行文字所

4、占據(jù)的空間高度行高不是文字的高度。letter-spacing:設(shè)置字符（或字母）之間的間隔距離，中文其實(shí)就是“字”的間隔。word-spacing:設(shè)置單詞之間的間隔距離通常只對(duì)西方拉丁語系的字符有效。text-align:設(shè)定文字的水平對(duì)齊方式。其功能是相當(dāng)于屬性中的 align 屬性。但要注意：align 作為 html屬性，其實(shí)只在其中的某幾個(gè)中使用，但text-align 是幾乎所有都可以用的。特別注釋：title,class,id 就是所謂的“通用屬性”即誰都可以用text-indent: 設(shè)定一個(gè)段落中的首行縮進(jìn)距離，通常也是 px。text-decoration:設(shè)置文字的“修

5、飾線”：下劃線（underline）,中劃線(line-through)，上劃線（overline）,none(無) vertical-align: 設(shè)定文字在一個(gè)表格盒子（單元格）的垂直對(duì)齊方式：top（頂對(duì)齊），middle(中對(duì)齊)，bottom(底對(duì)齊)盒子模型初步盒子是 css 中最重要的概念。盒子首先先建立一個(gè)觀念： 幾乎所有其實(shí)都是一個(gè)盒子而所謂盒子，無非就是一個(gè)“矩形的區(qū)域范圍而已”。其實(shí)所謂網(wǎng)頁，無非是一個(gè)盒子套一個(gè)盒子。一個(gè)盒子有如下一些區(qū)域（結(jié)構(gòu)）：邊框（border）：一個(gè)線型的區(qū)域，可以是實(shí)線或虛線或其他形狀。外邊距（margin）：也叫“邊界”，邊框線之外的一塊空白

6、區(qū)域，其含義是“不能放置物體” 內(nèi)邊距（padding）：也叫“補(bǔ)白”，邊框線之內(nèi)的一塊空白區(qū)域，其含義也是“不能放置物體”內(nèi)容區(qū)（沒有對(duì)應(yīng)的 css 屬性名）：指一個(gè)盒子中可以放置“物體”的區(qū)域也就是盒子的主要區(qū)域。其中放置的物體可以是普通的文字或其他對(duì)應(yīng)之前學(xué)的 html 中的“內(nèi)容部分”。內(nèi)容區(qū)通常只能設(shè)置其寬高屬性（，）。一個(gè)盒子的各個(gè)組成部分由下圖所示：網(wǎng)頁設(shè)計(jì)中的“內(nèi)容與表現(xiàn)分離”以前學(xué)習(xí)，說，現(xiàn)在：具有“表形表意”之作用。其實(shí)也可以說，內(nèi)容和其表現(xiàn)混在一起。技術(shù)其實(shí)可以將一個(gè)網(wǎng)頁中的各個(gè)的表現(xiàn)都“提出來”放到一個(gè)專門的地方（比如 style中），剩余的部分（和文字內(nèi)容等）被整體上

7、稱為“結(jié)構(gòu)/內(nèi)容”。這種做法就被稱為“內(nèi)容與表現(xiàn)分離”盒子的兩種初始狀態(tài)（基本表現(xiàn)）：類似的盒子：一個(gè)盒子自動(dòng)“占據(jù)一行”（不管其用塊盒子：內(nèi)容多少）：這就是“塊盒子”（塊元素）。常p, hr,h1h6, table,form,ul, li, ol,dl,dt, dd,blockquote, pre,特點(diǎn)：可以設(shè)置固定的寬高，margin，padding，類似盒子：一個(gè)盒子中的內(nèi)容會(huì)跟同類的盒子并排在一行出現(xiàn)，除非該行已滿，則會(huì)自然到下一行類似文字的表現(xiàn)特性。：這就是行內(nèi)盒子（行內(nèi)元素）。行內(nèi)盒子通常放“最終的數(shù)據(jù)內(nèi)容”，比如文本，。其他行內(nèi)盒子：b, strong, font,i,u,a,i

8、mg,input,textarea,select,特點(diǎn)：寬高不能設(shè)定，而是由其內(nèi)容“撐出”，margin 和 padding 沒有上下方面的表現(xiàn)。通常，行內(nèi)盒子是“小盒子”，塊盒子是“大盒子”，布局初步（原理）所謂布局，其實(shí)是指的將網(wǎng)頁內(nèi)容以一定的方式放到合適的位置上去。布局的基本步驟：1， 將“當(dāng)前版面”以視覺上界限明顯的方式進(jìn)行劃分若干個(gè)區(qū)塊，劃分只用兩種方式：上下結(jié)構(gòu)：此時(shí)，只要使用若干個(gè)盒子，自然就是上下結(jié)構(gòu)，無需其他設(shè)置。左右結(jié)構(gòu)：此時(shí)使用若干個(gè)盒子，并進(jìn)行相應(yīng)的浮動(dòng)，通常的模式：2 個(gè)盒子：一左一右3 個(gè)盒子：兩左一右或兩右一左，或一邊倒。盒子：通常一邊倒。iii.浮動(dòng)解釋：浮動(dòng)就像水中的氣泡，會(huì)“網(wǎng)上浮”更形象的比喻：大家（所有）都在“地面上平鋪著”，各自占據(jù)著一定的面積，浮動(dòng)元素卻“浮”到天花板上去了，其并占據(jù)大家通常的“地面面積”。浮動(dòng)除了表現(xiàn)上不跟別的元素?fù)屨嫉乇P之外，其最主要的特性（也就是破壞效果）其實(shí)是：使其父盒子失去合理高度父盒子已經(jīng)包不住其這些浮動(dòng)的盒子了！這在布局中基本上是不允許的！那么就必須使用補(bǔ)充的做法來實(shí)現(xiàn)合理包含父盒子包住子盒子。讓父盒子獲得正確有效高度的方法有個(gè)