css基礎(chǔ) 入門-任務(wù)6

1.CSS的全稱是什么?

CSS樣式全稱為Cascading Style Sheets萝挤,中文翻譯為“層疊樣式表”

2.CSS有幾種引入方式? link 和@import 有什么區(qū)別?

css的幾種引入方式

  1. 鏈接樣式
    <head>
    <link rel="stylesheet" type="text/css" href="index.css">
    </head>
    2.導(dǎo)入樣式(不建議使用)
    <style>
    @import url("hello.css");
    @import "world.css";
    </style>
    3.行內(nèi)樣式
    <h1 style="color: red; font-size: 20px;"></h1>
    4.內(nèi)嵌樣式
    <style type="text/css">
    h1 {
    color: red;
    font-size: 20px;
    }
    </style>
    <h3>饑人谷</h3>
    link和import的區(qū)別
    • link屬于html標(biāo)簽,而@import是css的語(yǔ)法滤奈。
    • 頁(yè)面被加載時(shí)纺非,link會(huì)同時(shí)被加載馏鹤,而@import引用的css會(huì)等到頁(yè)面加載結(jié)束后加載休玩。
    • link是html標(biāo)簽他匪,因此沒有兼容性躏结,而@import只有IE5以上才能識(shí)別却盘。
    • link方式樣式的權(quán)重高于@import的

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

css/a.css ----當(dāng)前頁(yè)面同級(jí)目錄下的css文件中的a.css
./css/a.css----當(dāng)前頁(yè)面同級(jí)目錄下的css文件中的a.css
b.css----當(dāng)前頁(yè)面同級(jí)目錄下b.css
../imgs/a.png----當(dāng)前頁(yè)面父級(jí)目錄下的imgs文件夾下的a.png
/Users/hunger/project/css/a.css----本地 /Users/hunger/project/css/目錄下的a.css
/static/css/a.css----當(dāng)前服務(wù)器根目錄下/static/css/中的a.css
http://cdn.jirengu.com/kejian1/8-1.png ----8-1.png在http://cdn.jirengu.com下的地址

4.如果我想在js.jirengu.com上展示一個(gè)圖片媳拴,需要怎么操作?

1.將圖片存在本地服務(wù)器黄橘,然后打開本地服務(wù),然后在JS BIN上引用圖片
2.將圖片上傳到其他服務(wù)器中屈溉,引入外鏈

5.列出5條以上html和 css 的書寫規(guī)范

1.語(yǔ)法建議統(tǒng)一使用小寫
2.html塞关,css,js分離子巾,不要混寫
3.id和class使用有意義的單詞帆赢,分隔符建議使用-
4.屬性值是0的省略單位
5.縮進(jìn)建議2個(gè)空格

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

chrome.png
  • Elements:查看當(dāng)前頁(yè)面的元素
  • Console:記錄開發(fā)者開發(fā)過程中的日志信息小压,且可以作為與JS進(jìn)行交互的命令行Shell
  • Sources: 用于對(duì)JS進(jìn)行斷電調(diào)試
  • Network: 從發(fā)起網(wǎng)頁(yè)頁(yè)面請(qǐng)求Request后分析HTTP請(qǐng)求后得到的各個(gè)請(qǐng)求資源信息(包括狀態(tài)、資源類型椰于、大小怠益、所用時(shí)間等),可以根據(jù)這個(gè)進(jìn)行網(wǎng)絡(luò)性能優(yōu)化
  • Timeline: 記錄并分析在網(wǎng)站的生命周期內(nèi)所發(fā)生的各類事件瘾婿,以此可以提高網(wǎng)頁(yè)的運(yùn)行時(shí)間的性能
  • Profiles: 如果你需要Timeline所能提供的更多信息時(shí)蜻牢,可以嘗試一下Profiles,比如記錄JS CPU執(zhí)行時(shí)間細(xì)節(jié)、顯示JS對(duì)象和相關(guān)的DOM節(jié)點(diǎn)的內(nèi)存消耗偏陪、記錄內(nèi)存的分配細(xì)節(jié)
  • Application: 記錄網(wǎng)站加載的所有資源信息抢呆,包括存儲(chǔ)數(shù)據(jù)(Local Storage、Session Storage笛谦、IndexedDB抱虐、Web SQL、Cookies)揪罕、緩存數(shù)據(jù)梯码、字體、圖片好啰、腳本、樣式表等
  • Security: 判斷當(dāng)前網(wǎng)頁(yè)是否安全
  • Audits: 對(duì)當(dāng)前網(wǎng)頁(yè)進(jìn)行網(wǎng)絡(luò)利用情況儿奶、網(wǎng)頁(yè)性能方面的診斷框往,并給出一些優(yōu)化建議
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末,一起剝皮案震驚了整個(gè)濱河市闯捎,隨后出現(xiàn)的幾起案子椰弊,更是在濱河造成了極大的恐慌,老刑警劉巖瓤鼻,帶你破解...
    沈念sama閱讀 218,607評(píng)論 6 507
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件秉版,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡茬祷,警方通過查閱死者的電腦和手機(jī)清焕,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,239評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來祭犯,“玉大人秸妥,你說我怎么就攤上這事∥执郑” “怎么了粥惧?”我有些...
    開封第一講書人閱讀 164,960評(píng)論 0 355
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)最盅。 經(jīng)常有香客問我突雪,道長(zhǎng)起惕,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 58,750評(píng)論 1 294
  • 正文 為了忘掉前任咏删,我火速辦了婚禮疤祭,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘饵婆。我一直安慰自己勺馆,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,764評(píng)論 6 392
  • 文/花漫 我一把揭開白布侨核。 她就那樣靜靜地躺著草穆,像睡著了一般。 火紅的嫁衣襯著肌膚如雪搓译。 梳的紋絲不亂的頭發(fā)上悲柱,一...
    開封第一講書人閱讀 51,604評(píng)論 1 305
  • 那天,我揣著相機(jī)與錄音些己,去河邊找鬼豌鸡。 笑死,一個(gè)胖子當(dāng)著我的面吹牛段标,可吹牛的內(nèi)容都是我干的涯冠。 我是一名探鬼主播,決...
    沈念sama閱讀 40,347評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼逼庞,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼蛇更!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起赛糟,我...
    開封第一講書人閱讀 39,253評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤派任,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后璧南,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體掌逛,經(jīng)...
    沈念sama閱讀 45,702評(píng)論 1 315
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,893評(píng)論 3 336
  • 正文 我和宋清朗相戀三年司倚,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了豆混。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,015評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡对湃,死狀恐怖崖叫,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情拍柒,我是刑警寧澤心傀,帶...
    沈念sama閱讀 35,734評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站拆讯,受9級(jí)特大地震影響脂男,放射性物質(zhì)發(fā)生泄漏养叛。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,352評(píng)論 3 330
  • 文/蒙蒙 一宰翅、第九天 我趴在偏房一處隱蔽的房頂上張望弃甥。 院中可真熱鬧,春花似錦汁讼、人聲如沸淆攻。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,934評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)瓶珊。三九已至,卻和暖如春耸彪,著一層夾襖步出監(jiān)牢的瞬間伞芹,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,052評(píng)論 1 270
  • 我被黑心中介騙來泰國(guó)打工蝉娜, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留唱较,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,216評(píng)論 3 371
  • 正文 我出身青樓召川,卻偏偏與公主長(zhǎng)得像南缓,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子扮宠,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,969評(píng)論 2 355

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案西乖? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評(píng)論 1 92
  • 1.css的全稱是什么? Cascading Style Sheets,層疊樣式表 2.css有幾種引入方式坛增?li...
    我七閱讀 244評(píng)論 0 2
  • 1、CSS的全稱是什么? CSS是Cascading Style Sheets的簡(jiǎn)稱薄腻,中文稱為層疊樣式表收捣,用來控制...
    大胡子歌歌閱讀 194評(píng)論 0 0
  • 平安夜罢艾,卻不平安。 豆芽低熱尽纽。 12月24日晚九點(diǎn) 豆芽蜷在被子里叫我:“媽媽咐蚯,你摸摸我的腳!” 我趴在床邊用自己...
    豆芽地閱讀 261評(píng)論 1 1
  • 一個(gè)人的房間 一個(gè)人的床 守著秋雨瑟瑟涼 像似冰窖寒氣襲 想要融化在溫暖的眼神里 想要醉死在溫暖的柔情里 想要暈倒...
    雙魚座cy閱讀 118評(píng)論 4 9