day4

復(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)融撞。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末盼铁,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子尝偎,更是在濱河造成了極大的恐慌饶火,老刑警劉巖,帶你破解...
    沈念sama閱讀 206,723評(píng)論 6 481
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件致扯,死亡現(xiàn)場離奇詭異肤寝,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)抖僵,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,485評(píng)論 2 382
  • 文/潘曉璐 我一進(jìn)店門鲤看,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人耍群,你說我怎么就攤上這事义桂。” “怎么了蹈垢?”我有些...
    開封第一講書人閱讀 152,998評(píng)論 0 344
  • 文/不壞的土叔 我叫張陵慷吊,是天一觀的道長。 經(jīng)常有香客問我曹抬,道長溉瓶,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 55,323評(píng)論 1 279
  • 正文 為了忘掉前任谤民,我火速辦了婚禮堰酿,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘张足。我一直安慰自己胞锰,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,355評(píng)論 5 374
  • 文/花漫 我一把揭開白布兢榨。 她就那樣靜靜地躺著嗅榕,像睡著了一般顺饮。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上凌那,一...
    開封第一講書人閱讀 49,079評(píng)論 1 285
  • 那天兼雄,我揣著相機(jī)與錄音,去河邊找鬼帽蝶。 笑死赦肋,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的励稳。 我是一名探鬼主播佃乘,決...
    沈念sama閱讀 38,389評(píng)論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼驹尼!你這毒婦竟也來了趣避?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,019評(píng)論 0 259
  • 序言:老撾萬榮一對(duì)情侶失蹤新翎,失蹤者是張志新(化名)和其女友劉穎程帕,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體地啰,經(jīng)...
    沈念sama閱讀 43,519評(píng)論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡愁拭,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 35,971評(píng)論 2 325
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了亏吝。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片岭埠。...
    茶點(diǎn)故事閱讀 38,100評(píng)論 1 333
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖蔚鸥,靈堂內(nèi)的尸體忽然破棺而出枫攀,到底是詐尸還是另有隱情,我是刑警寧澤株茶,帶...
    沈念sama閱讀 33,738評(píng)論 4 324
  • 正文 年R本政府宣布来涨,位于F島的核電站,受9級(jí)特大地震影響启盛,放射性物質(zhì)發(fā)生泄漏蹦掐。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,293評(píng)論 3 307
  • 文/蒙蒙 一僵闯、第九天 我趴在偏房一處隱蔽的房頂上張望卧抗。 院中可真熱鬧,春花似錦鳖粟、人聲如沸社裆。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,289評(píng)論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽泳秀。三九已至标沪,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間嗜傅,已是汗流浹背金句。 一陣腳步聲響...
    開封第一講書人閱讀 31,517評(píng)論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留吕嘀,地道東北人违寞。 一個(gè)月前我還...
    沈念sama閱讀 45,547評(píng)論 2 354
  • 正文 我出身青樓,卻偏偏與公主長得像偶房,于是被迫代替她去往敵國和親趁曼。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,834評(píng)論 2 345

推薦閱讀更多精彩內(nèi)容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案棕洋? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,728評(píng)論 1 92
  • 文字段落的樣式屬性 color:設(shè)定一個(gè)標(biāo)簽中的文字的顏色挡闰,顏色值可以使用英文單詞,16進(jìn)制語法和rgb語法拍冠,如:...
    在路上_80f5閱讀 407評(píng)論 0 0
  • CSS基礎(chǔ) 本文包括CSS基礎(chǔ)知識(shí)選擇器(重要D蛘狻4氐帧G於拧)繼承、特殊性碟摆、層疊晃财、重要性CSS格式化排版單位和值盒模型浮動(dòng)...
    廖少少閱讀 3,061評(píng)論 0 40
  • 文丨曉寒因夢 朋友阿貓說断盛,再刷《從你的全世界路過》,依然感動(dòng)到落淚愉舔。 只是這一次钢猛,跟上一次不同。 上次哭轩缤,是為生命...
    喵淼電影閱讀 588評(píng)論 2 3
  • 評(píng)論這個(gè)功能在在現(xiàn)如今的各類平臺(tái)中隨處可見征椒,可以說成為一個(gè)基礎(chǔ)功能。雖然說評(píng)論功能很常見湃累,但是你會(huì)發(fā)現(xiàn)勃救,不同平臺(tái)的...
    Lighthouse_47閱讀 2,184評(píng)論 6 24