復(fù)習(xí)
表單:表單是為數(shù)據(jù)而存在的单料!
<form? action=”abc.php”? method=”post”>
<input type=”text”? name=”n1” value=”初始文字”? size=”10”? maxlength=”15” readonly=”readonly” />
<input type=”password” name=”n2” />
<input type=”radio” name=”n3”? value=”1” checked=”checked” /><input type=”radio” name=”n3”? value=”2” />
<input type=”checkbox” name=”n4”? value=”1” checked=”checked” /><input type=” checkbox” name=”n4”? value=”2” />
<input type=”file”? name=”n5” />
<input type=”submit” name=”n6” value=”提交” />
<input type=”reset” name=”n7” value=”重置” />
<input type=”button” name=”n8” value=”按鈕” />
<input type=”image” name=”n9” src=”圖片地址url” />
<input type=”hidden”? name=”n10 />
<select name=”n11” size=”行數(shù)”? multiple=”multiple” >
<option? value=”1” selected=”selected” >文字1</option>
</select>
<textarea? name=”n12”? rows=”5” cols=”10”></textarea>
</form>
框架:
框架標(biāo)簽是用于將“當(dāng)前窗口”進(jìn)行瓜分成更小窗口的一種技術(shù)。framseset代替body標(biāo)簽器腋,并要使用框架文檔類型伏钠。
<frameset? rows=”行高度劃分”? cols=”列寬度劃分”>
<frame src=”第1個(gè)小窗口中的網(wǎng)頁地址url” border=”0”? scrolling=”no” />
<frame src=”第2個(gè)小窗口中的網(wǎng)頁地址url”? />
</frameset>
css基本概念:
css是用于這樣一個(gè)目的: 將網(wǎng)頁中的某個(gè)(些)標(biāo)簽(元素)的某(些)方面特性設(shè)置為某(些)個(gè)值。
css的語法基本模式為:
選擇器 {? css屬性1:值1蚂蕴;css屬性2:值2低散;………? }
所謂選擇器,其實(shí)就是某種可以對(duì)應(yīng)到網(wǎng)頁中的某個(gè)(些)標(biāo)簽的語法形式骡楼。
css選擇器分類:
標(biāo)簽選擇器:
一個(gè)英文單詞{….}
所謂一個(gè)英文單詞熔号,其實(shí)也就是一個(gè)應(yīng)該存在的標(biāo)簽名
類選擇器(class選擇器)
.類名{…}
<p? class=”類名1”? align=”center”> 啊啊啊啊啊</p>
<img src=”某圖片路徑”? width=”100”? class=”類名2”? />
<input? type=”text”? name=”name名”? class=”類名3”? />
id選擇器:
#id名{…..}
<input? type=”text”? name=”name名”? class=”類名3”? id=”id名” />
特別注釋:title,? class,? id就是我們所謂的“通用屬性”——即誰都可以用。
通用選擇器:
*{….}
偽類選擇器:
a:link{…}
a:visited{…}
a:hover{鸟整。跨嘉。。}
a:active{….}
注意:上述4個(gè)偽類用于a標(biāo)簽通常就必須按上述順序?qū)憽?/p>
另外吃嘿,實(shí)際應(yīng)用中祠乃,常常簡化為這樣:
a{……}?
a:hover{….}
含義是:a連接標(biāo)簽只分“鼠標(biāo)放上去狀態(tài)”和“其他狀態(tài)”
層級(jí)選擇器:
選擇器1? 選擇器2{。兑燥。亮瓷。。降瞳。}
分組選擇器:
選擇器1嘱支, 選擇器2{蚓胸。。除师。沛膳。。}
文字段落的樣式屬性
color:設(shè)定一個(gè)標(biāo)簽中的文字的顏色汛聚,顏色值可以使用英文單詞锹安,16進(jìn)制語法和rgb語法:
color: red;? ? color: #f0fcf8; color:rgb(123, 88, 205);
font-size: 設(shè)定文字大小,單位通常為像素(px)—— 一般的商業(yè)網(wǎng)站的文字大小通常都是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研乒,即一行文字所占據(jù)的空間高度——行高不是文字的高度。
letter-spacing:設(shè)置字符(或字母)之間的間隔距離淋硝,中文其實(shí)就是“字”的間隔雹熬。
word-spacing:設(shè)置單詞之間的間隔距離——通常只對(duì)西方拉丁語系的字符有效。
text-align:設(shè)定文字的水平對(duì)齊方式谣膳。其功能是相當(dāng)于標(biāo)簽屬性中的align屬性竿报。但要注意:align作為html屬性,其實(shí)只在其中的某幾個(gè)標(biāo)簽中使用继谚,但text-align是幾乎所有標(biāo)簽都可以用的烈菌。
text-indent: 設(shè)定一個(gè)段落中的首行縮進(jìn)距離,單位通常也是px花履。
text-decoration:設(shè)置文字的“修飾線”:下劃線(underline),中劃線(line-through)芽世,上劃線(overline),none(無)
vertical-align: 設(shè)定文字在一個(gè)表格盒子(單元格)的垂直對(duì)齊方式:top(頂對(duì)齊),middle(中對(duì)齊)诡壁,bottom(底對(duì)齊)
盒子模型初步
盒子是css中最重要的概念济瓢。
盒子
首先先建立一個(gè)觀念: 幾乎所有標(biāo)簽其實(shí)都是一個(gè)盒子——而所謂盒子,無非就是一個(gè)“矩形的區(qū)域范圍而已”妹卿。其實(shí)所謂網(wǎng)頁旺矾,無非是一個(gè)盒子套一個(gè)盒子蔑鹦。
一個(gè)盒子有如下一些區(qū)域(結(jié)構(gòu))構(gòu)成:
邊框(border):一個(gè)線型的區(qū)域,可以是實(shí)線或虛線或其他形狀箕宙。
外邊距(margin):也叫“邊界”嚎朽,邊框線之外的一塊空白區(qū)域,其含義是“不能放置物體”
內(nèi)邊距(padding):也叫“補(bǔ)白”柬帕,邊框線之內(nèi)的一塊空白區(qū)域哟忍,其含義也是“不能放置物體”
內(nèi)容區(qū)(沒有對(duì)應(yīng)的css屬性名):指一個(gè)盒子中可以放置“物體”的區(qū)域——也就是盒子的主要區(qū)域。其中放置的物體可以是普通的文字或其他標(biāo)簽——對(duì)應(yīng)我們之前學(xué)的html中的“內(nèi)容部分”雕崩。內(nèi)容區(qū)通常只能設(shè)置其寬高屬性(width,height)融撞。