Html和CSS寡夹、JavaScript的基本知識(shí)點(diǎn)

Html和CSS处面、JavaScript的基本知識(shí)點(diǎn)

Html用于描述網(wǎng)頁的超文本標(biāo)記語言,所謂的超文本是指可以包含圖片菩掏、連接魂角、音樂等非文字元素,我們在瀏覽器中打開的網(wǎng)頁都是html文件智绸。

我們在谷歌瀏覽器右上角菜單欄中找到更多工具開發(fā)者工具野揪,點(diǎn)擊打開。

第一個(gè)圖標(biāo)用于在網(wǎng)頁中選擇對(duì)象即可跳轉(zhuǎn)到對(duì)應(yīng)的代碼瞧栗。

Elements標(biāo)簽:該標(biāo)簽用來查看頁面的html標(biāo)簽元素斯稳。

console標(biāo)簽:這是web控制臺(tái),網(wǎng)頁運(yùn)行的出錯(cuò)信息都會(huì)顯示在這里迹恐。

Sources標(biāo)簽:顯示網(wǎng)頁中各種用到的資源文件挣惰。

Network標(biāo)簽:顯示網(wǎng)頁發(fā)送的各種請(qǐng)求request和收到的服務(wù)器響應(yīng)response。

也可在任意地方右擊點(diǎn)擊檢查即可查看殴边。

打開Elements標(biāo)簽

Html文件是由大量的標(biāo)簽組成憎茂,標(biāo)簽是尖括號(hào)包圍的關(guān)鍵詞。

比如html锤岸、head竖幔、body等,標(biāo)簽通常是成對(duì)出現(xiàn)的能耻。

第一個(gè)標(biāo)簽是開始標(biāo)簽赏枚,第二個(gè)標(biāo)簽是結(jié)束標(biāo)簽,中間是顯示內(nèi)容晓猛。

Head標(biāo)簽用于定義文檔的頭部饿幅,描述了文檔的各種屬性和信息,比如文檔的標(biāo)題戒职,其他包含的數(shù)據(jù)一般不顯示在網(wǎng)頁上栗恩。

?Body標(biāo)簽用于定義文檔的主題,包含文檔的所有內(nèi)容洪燥,比如文本磕秤、超鏈接乳乌、圖像、表格和列表等市咆。

選中一個(gè)標(biāo)簽

右擊選擇Edit as HTML

即可編輯該節(jié)點(diǎn)汉操。

或者直接雙擊也可直接進(jìn)入可編輯狀態(tài),

可以直接修改標(biāo)簽中間的內(nèi)容蒙兰,改變頁面對(duì)應(yīng)的內(nèi)容磷瘤。

選擇Delete element即可刪除該標(biāo)簽節(jié)點(diǎn)。

CSS搜变,層疊樣式表采缚,用來修飾標(biāo)簽,設(shè)定標(biāo)簽顯示成什么樣式挠他。

選中一個(gè)標(biāo)簽扳抽,右側(cè)的Styles顯示了該對(duì)象CSS 的屬性,可以實(shí)施修改殖侵。

比如贸呢,font-size:XX;表示字體的大小愉耙,color:XX贮尉;表示字體顏色拌滋,background-color:XX朴沿;表示背景色。

可以為標(biāo)簽設(shè)定ID標(biāo)記败砂,ID選擇器可以為標(biāo)有特定ID的HTML元素指定特定的樣式赌渣,一般ID是唯一的。

可以為標(biāo)簽設(shè)定class標(biāo)記昌犹,相同class的多個(gè)標(biāo)簽標(biāo)記將會(huì)使用相同的css樣式屬性坚芜。

通常在html中嵌入css有三種方式

第一種方式:插入到style標(biāo)簽中定義標(biāo)簽、id或class對(duì)應(yīng)的樣式斜姥。

第二種方式:寫在具體元素的style屬性內(nèi)鸿竖。


第三種方式:把css樣式寫到單獨(dú)的文件中,然后在html中調(diào)用這個(gè)文件铸敏。

JavaScript是互聯(lián)網(wǎng)上最流行的腳本語言直接插入html頁面控制網(wǎng)頁動(dòng)作缚忧。

JavaScript可以包含在script標(biāo)簽中,可以引用單獨(dú)的JavaScript文件杈笔。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末闪水,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子蒙具,更是在濱河造成了極大的恐慌球榆,老刑警劉巖朽肥,帶你破解...
    沈念sama閱讀 211,639評(píng)論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異持钉,居然都是意外死亡衡招,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,277評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門每强,熙熙樓的掌柜王于貴愁眉苦臉地迎上來蚁吝,“玉大人,你說我怎么就攤上這事舀射【阶拢” “怎么了?”我有些...
    開封第一講書人閱讀 157,221評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵脆烟,是天一觀的道長山林。 經(jīng)常有香客問我,道長邢羔,這世上最難降的妖魔是什么驼抹? 我笑而不...
    開封第一講書人閱讀 56,474評(píng)論 1 283
  • 正文 為了忘掉前任,我火速辦了婚禮拜鹤,結(jié)果婚禮上框冀,老公的妹妹穿的比我還像新娘。我一直安慰自己敏簿,他們只是感情好明也,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,570評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著惯裕,像睡著了一般温数。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上蜻势,一...
    開封第一講書人閱讀 49,816評(píng)論 1 290
  • 那天撑刺,我揣著相機(jī)與錄音,去河邊找鬼握玛。 笑死够傍,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的挠铲。 我是一名探鬼主播冕屯,決...
    沈念sama閱讀 38,957評(píng)論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼市殷!你這毒婦竟也來了愕撰?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,718評(píng)論 0 266
  • 序言:老撾萬榮一對(duì)情侶失蹤,失蹤者是張志新(化名)和其女友劉穎搞挣,沒想到半個(gè)月后带迟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
    沈念sama閱讀 44,176評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡囱桨,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,511評(píng)論 2 327
  • 正文 我和宋清朗相戀三年仓犬,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片舍肠。...
    茶點(diǎn)故事閱讀 38,646評(píng)論 1 340
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡搀继,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出翠语,到底是詐尸還是另有隱情叽躯,我是刑警寧澤,帶...
    沈念sama閱讀 34,322評(píng)論 4 330
  • 正文 年R本政府宣布肌括,位于F島的核電站点骑,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏谍夭。R本人自食惡果不足惜黑滴,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,934評(píng)論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望紧索。 院中可真熱鬧袁辈,春花似錦、人聲如沸珠漂。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,755評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽甘磨。三九已至橡羞,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間济舆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,987評(píng)論 1 266
  • 我被黑心中介騙來泰國打工莺债, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留滋觉,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 46,358評(píng)論 2 360
  • 正文 我出身青樓齐邦,卻偏偏與公主長得像椎侠,于是被迫代替她去往敵國和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子措拇,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,514評(píng)論 2 348

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

  • 第一部分 HTML&CSS整理答案 1. 什么是HTML5我纪? 答:HTML5是最新的HTML標(biāo)準(zhǔn)。 注意:講述HT...
    kismetajun閱讀 27,449評(píng)論 1 45
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,737評(píng)論 1 92
  • 生命最重要的,就是這樣三個(gè)命題: 第一個(gè)層面术健,自戀汹碱。因?yàn)槊總€(gè)生命都想證明自己是好的,所以有了自我實(shí)現(xiàn)的預(yù)言荞估,這是命...
    ElingHo期待的美好日常閱讀 283評(píng)論 0 1
  • 朋友圈有一種媽媽勘伺,打著為孩子好的旗幟跪腹,愛心泛濫般到處拉選票、集點(diǎn)贊飞醉、求轉(zhuǎn)發(fā)尺迂,然后美其名曰:我雖然不會(huì)掙錢,但是我會(huì)...
    羿云天閱讀 410評(píng)論 0 0
  • 夲圣閱讀 174評(píng)論 0 1