CSS基礎(chǔ)

1棺妓、CSS的全稱是什么?
層疊樣式表(英文全稱:Cascading Style Sheets)用于給HTML穿上一身華麗的“外衣”一汽。

2甸祭、CSS有幾種引入方式? link 和@import 有什么區(qū)別?
第一種:內(nèi)聯(lián)樣式(直接加在某個(gè)元素屬性中的樣式)
<h1 style="color: red; font-size: 20px;"></h1>
第二種:內(nèi)部樣式(在head 的 <style> 標(biāo)簽里寫樣式牛曹,單個(gè)文件需要特別樣式時(shí)抖剿,就可以使用內(nèi)部樣式表谴轮。)
<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>
第三種:外部樣式(當(dāng)樣式需要被應(yīng)用到很多頁(yè)面的時(shí)候炒瘟,可以選擇外部樣式)
<head> <link rel="stylesheet" type="text/css" href="index.css"> </head>
通常來說type后的內(nèi)容可以省略,rel后面的stylesheet則說明用哪一種樣式表第步。href可以是有效的文件或者url疮装。
<style>
@import url("hello.css");
@import “world.css”;
</style>
link是html的標(biāo)簽,可以放在html的任何地方粘都,且頁(yè)link是頁(yè)面加載時(shí)候的同時(shí)加載廓推。
@import是css的語(yǔ)法,放在style里(就是樣式里)翩隧,且@import是在整個(gè)頁(yè)面加載完之后再加載CSS文件的樊展,如果頁(yè)面加載很慢,會(huì)出現(xiàn)一開始無樣式堆生。
@import是css2.1提出的专缠,只在ie5以上才能識(shí)別,link不存在這個(gè)問題淑仆,兼容性較好涝婉。

3、以下這幾種文件路徑分別用在什么地方蔗怠,代表什么意思?


文件路徑excel.jpg

絕對(duì)路徑就是文件的真正存在的路徑墩弯,是指從硬盤的根目錄(盤符)開始,進(jìn)行一級(jí)級(jí)目錄指向文件寞射。
相對(duì)路徑就是以當(dāng)前文件為基準(zhǔn)進(jìn)行一級(jí)級(jí)目錄指向被引用的資源文件渔工。

4、如果我想在js.jirengu.com上展示一個(gè)圖片桥温,需要怎么操作?
打開圖床網(wǎng)站后上傳所需圖片引矩,得到圖片的鏈接則可以在img標(biāo)簽的src屬性中填寫圖片的網(wǎng)絡(luò)路徑,即可展示圖片策治。

5脓魏、列出5條以上html和 css 的書寫規(guī)范
html:
-對(duì)于無需自閉合的標(biāo)簽兰吟,不允許自閉合通惫。
例如無需自閉合標(biāo)簽有input、br混蔼、img履腋、hr等。

  • 標(biāo)簽使用必須符合標(biāo)簽嵌套規(guī)則。
    比如 div 不得置于 p 中遵湖。
    -使用 HTML5 的 doctype 來啟用標(biāo)準(zhǔn)模式悔政,建議使用大寫的 DOCTYPE。
    例如<!DOCTYPE html>
    -在 html 標(biāo)簽上設(shè)置正確的 lang 屬性延旧。
    -頁(yè)面必須包含 title 標(biāo)簽聲明標(biāo)題谋国。
    title 必須作為 head 的直接子元素,并緊隨 charset 聲明之后迁沫。
    例如<head>
    <meta charset="UTF-8">
    <title>頁(yè)面標(biāo)題</title>
    </head>
    -若頁(yè)面欲對(duì)移動(dòng)設(shè)備友好芦瘾,需指定頁(yè)面的 viewport。
    css:
    -語(yǔ)法不區(qū)分大小寫集畅,但建議統(tǒng)一使用小寫
    -屬性定義后必須以分號(hào)結(jié)尾近弟。
    -不使用內(nèi)聯(lián)的style屬性定義樣式
    -id和class使用有意義的單詞,分隔符建議使用-
    -屬性值是0的省略單位
    -塊內(nèi)容縮進(jìn)
    -屬性名冒號(hào)后面添加一個(gè)空格

6挺智、截圖介紹 chrome 開發(fā)者工具的功能區(qū)


360截圖20171130184935874.jpg
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末祷愉,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子赦颇,更是在濱河造成了極大的恐慌二鳄,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,509評(píng)論 6 504
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件沐扳,死亡現(xiàn)場(chǎng)離奇詭異泥从,居然都是意外死亡,警方通過查閱死者的電腦和手機(jī)沪摄,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,806評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門躯嫉,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人杨拐,你說我怎么就攤上這事祈餐。” “怎么了哄陶?”我有些...
    開封第一講書人閱讀 163,875評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵帆阳,是天一觀的道長(zhǎng)。 經(jīng)常有香客問我屋吨,道長(zhǎng)蜒谤,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,441評(píng)論 1 293
  • 正文 為了忘掉前任至扰,我火速辦了婚禮鳍徽,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘敢课。我一直安慰自己阶祭,他們只是感情好绷杜,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,488評(píng)論 6 392
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著濒募,像睡著了一般鞭盟。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上瑰剃,一...
    開封第一講書人閱讀 51,365評(píng)論 1 302
  • 那天齿诉,我揣著相機(jī)與錄音,去河邊找鬼晌姚。 笑死鹃两,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的舀凛。 我是一名探鬼主播俊扳,決...
    沈念sama閱讀 40,190評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼猛遍!你這毒婦竟也來了馋记?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 39,062評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤懊烤,失蹤者是張志新(化名)和其女友劉穎梯醒,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體腌紧,經(jīng)...
    沈念sama閱讀 45,500評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡茸习,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,706評(píng)論 3 335
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了壁肋。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片号胚。...
    茶點(diǎn)故事閱讀 39,834評(píng)論 1 347
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖浸遗,靈堂內(nèi)的尸體忽然破棺而出猫胁,到底是詐尸還是另有隱情,我是刑警寧澤跛锌,帶...
    沈念sama閱讀 35,559評(píng)論 5 345
  • 正文 年R本政府宣布弃秆,位于F島的核電站,受9級(jí)特大地震影響髓帽,放射性物質(zhì)發(fā)生泄漏菠赚。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,167評(píng)論 3 328
  • 文/蒙蒙 一郑藏、第九天 我趴在偏房一處隱蔽的房頂上張望衡查。 院中可真熱鬧,春花似錦译秦、人聲如沸峡捡。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,779評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)们拙。三九已至,卻和暖如春阁吝,著一層夾襖步出監(jiān)牢的瞬間砚婆,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,912評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工突勇, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留装盯,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,958評(píng)論 2 370
  • 正文 我出身青樓甲馋,卻偏偏與公主長(zhǎng)得像埂奈,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子定躏,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,779評(píng)論 2 354

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

  • 一账磺、css是什么? CSS全稱是Cascading Style Sheets痊远,簡(jiǎn)寫為CSS垮抗,稱作:層疊樣式表,又稱...
    青鳴閱讀 830評(píng)論 0 1
  • 一.CSS的全稱是什么碧聪? 層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現(xiàn)HTM...
    Sunset125閱讀 413評(píng)論 0 1
  • 1.CSS簡(jiǎn)介 CSS 的全稱是Cascading Style Sheets冒版,層疊樣式表 2.CSS的引入方式 內(nèi)...
    毛毛獨(dú)角獸閱讀 328評(píng)論 0 0
  • 1.CSS的全稱是什么? CSS全稱是 Cascading Style Sheets, 層疊樣式表逞姿。CSS不僅可以...
    FLYSASA閱讀 327評(píng)論 0 1
  • 今天周末辞嗡,我卻賺了三百塊,靠體力賺的滞造,在家做了一整天的衛(wèi)生欲间,累到趴下。 我是個(gè)不擅長(zhǎng)做家務(wù)的人断部,恰好婆婆比我還不擅...
    靈雀子閱讀 621評(píng)論 8 7