002 JavaWeb之HTML&CSS

JavaWeb

博客地址:http://blog.csdn.net/heyiaiqing/article/details/73866383

1. 表單標(biāo)簽

<form action = "#" method = "get/post"></form>
form標(biāo)簽屬性
  • action:整個(gè)表單提交的位置(可以是一個(gè)頁面,也可以是Java代碼)
  • method:表單提交的方式(get/post/delete...等7種方式)

2. 文本輸入框

<input type="text" name="" size="" maxlenght="" readonly="" placehoder=""/>
文本輸入框的屬性
  • name:提交到服務(wù)器必須指定的屬性,其值可以任意,最好見名知義
  • size:輸入框的寬度
  • maxlenght:指定輸入內(nèi)容的長度
  • readonly:設(shè)置為只讀
  • placehoder:輸入內(nèi)容的提示內(nèi)容

3. 密碼輸入框

<input type="password" name="" />
密碼輸入框的屬性
  • name:提交到服務(wù)器必須指定的屬性,其值可以任意,最好見名知義

4. 單選按鈕

<input type="radio" name="" value="" checked=""/>
單選按鈕的屬性
  • name:分組用的
  • value:提交到服務(wù)器必須指定的屬性,其值可以任意,最好見名知義
  • checked:默認(rèn)選中屬性

5. 多選按鈕

<input type= ”checkbox” name=”” value=”” checked=”” /> ”
多選按鈕的屬性
  • name:分組用的
  • value:提交到服務(wù)器必須指定的屬性,其值可以任意,最好見名知義
  • checked:默認(rèn)選中屬性

6. 下拉列表

<select name="">
    <option value="" selected="">北京</option>
    <option>上海</option>
</select>
下拉列表的屬性
  • name:分組
  • value:提交到服務(wù)器必須指定的屬性,其值可以任意,最好見名知義
  • selected:默認(rèn)選中

7. 文件上傳項(xiàng)

<input type="file" name="">

8. 文本輸入域

<textarea name="" ></textarea>

9. 提交按鈕

<input type="submit" value="">
提交按鈕屬性
  • type="submit":具備將整個(gè)表單提交到服務(wù)器的功能
  • 修改按鈕上的內(nèi)容

10. 提交按鈕

<input type="button" value="">

11. 重置按鈕

<input type="reset" value="">

12. 隱藏項(xiàng)

<!-- 用于隱藏一些用戶比較敏感的信息 -->
<input type="hidden" value="">

13. 面試題

get與post提交方式的區(qū)別?(默認(rèn)采用的是get)
get提交方式,所有的內(nèi)容顯示在地址欄,不夠安全,長度有限制(1-2k)。
post提交方式,所有的內(nèi)容不會(huì)顯示在地址欄,比較安全,長度沒有限制。

14. div

div是一個(gè)html標(biāo)簽,一個(gè)塊級(jí)元素(單獨(dú)顯示一行)。它單獨(dú)使用沒有任何意義,必須結(jié)合CSS來使用,主要用于頁面布局。
span是一個(gè)html標(biāo)簽,一個(gè)內(nèi)聯(lián)元素(顯示一行)單獨(dú)使用沒有任何意義,必須結(jié)合CSS來使用,主要用于對括起來的內(nèi)容進(jìn)行修飾。

15. CSS

CSS概述
  1. CSS指層疊樣式表
  2. 樣式定義如何顯示HTML元素
  3. 樣式通常存儲(chǔ)在樣式表中
  4. 把樣式添加到HTML4.0中是為了解決內(nèi)容與表現(xiàn)分離問題
  5. 外部樣式表可以極大的提高工作效率
  6. 外部樣式表通常存儲(chǔ)在CSS文件中
  7. 多個(gè)樣式表可以層疊

16. CSS的三種引入方式

第一種:行內(nèi)引入
<div style="color: red; font-size: 100px;">JavaEE</div>
第二種:內(nèi)部引入
<style type="text/css">
    .box{
        color:red;
        font-size: 100px;
    }
</style>
<div class="box">JavaEE</div>
第三種:外部引入
<link rel="stylesheet" type="text/css" herf="../css/style.css">

17. 三種引入方式的優(yōu)先級(jí)問題

優(yōu)先級(jí) 問題 :
誰離需要修飾的元素近,誰樣式生效,其它的被覆蓋掉。(就近原則)

18. CSS選擇器

CSS選擇器有三種(元素選擇器、類選擇器、id選擇器)

元素選擇器
元素名{
    屬性名:屬性值;
}

Id選擇器

元素選擇器
#id屬性名{
    屬性名:屬性值;
}

類選擇器

元素選擇器
.類選擇器{
    屬性名:屬性值;
}
對多個(gè)元素設(shè)置相同的樣式,此時(shí)使用類選擇器比較合適。

19. CSS的浮動(dòng)

浮動(dòng)這個(gè)問題比較重要,有很多方式實(shí)現(xiàn)。
然后需要定義一個(gè)div實(shí)現(xiàn)這個(gè)類
#three{
    clear: both;
}

20. CSS中如何讓塊元素成為內(nèi)聯(lián)元素

display: inline-block;

21. 讓div居中

margin: 0 auto;

22. 塊元素內(nèi)容居中

text-align: center;

總結(jié)

這里只列了一些內(nèi)容,后面會(huì)慢慢的補(bǔ)充內(nèi)容進(jìn)來,但是對JavaEE來說也夠用了。
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,983評(píng)論 6 537
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 98,772評(píng)論 3 422
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,947評(píng)論 0 381
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經(jīng)常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 63,201評(píng)論 1 315
  • 正文 為了忘掉前任,我火速辦了婚禮,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 71,960評(píng)論 6 410
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 55,350評(píng)論 1 324
  • 那天,我揣著相機(jī)與錄音,去河邊找鬼。 笑死,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,406評(píng)論 3 444
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 42,549評(píng)論 0 289
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 49,104評(píng)論 1 335
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 40,914評(píng)論 3 356
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 43,089評(píng)論 1 371
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,647評(píng)論 5 362
  • 正文 年R本政府宣布,位于F島的核電站,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 44,340評(píng)論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,753評(píng)論 0 28
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 36,007評(píng)論 1 289
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 51,834評(píng)論 3 395
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 48,106評(píng)論 2 375

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,777評(píng)論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 134,799評(píng)論 18 139
  • 不要玻璃心,別怕跌倒,要brave
    一望無際的風(fēng)聲閱讀 140評(píng)論 0 0
  • 需要模塊管理的原因就是JavaScript發(fā)展的越來越快,超過了它產(chǎn)生時(shí)候的自我定位。由于沒有模塊管理的概念,在做...
    俊_杰閱讀 267評(píng)論 0 0
  • 我愿整日地與我的偉大的音樂家朋友們浸在一起, 沉睡在這偉大而令人喜悅的音符中, 但我知道, 這是不能夠的, 因?yàn)樗?..
    StarMel閱讀 822評(píng)論 0 1