web前端-css小記(1)

1.css全稱是什么?

css全稱:Cascading Style Sheets挖炬,意思為層疊樣式表

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


  1. 引入方式:
  - 行內(nèi)式:寫在標(biāo)簽內(nèi)褪秀,例如:<div style="width:200px; height:60px;"></div>
 - 內(nèi)嵌式:寫在<head>標(biāo)簽里,例如:<head><style type="text/css">div{width:200px;}</style></head>
 - 導(dǎo)入式:用@import在<head>標(biāo)簽里導(dǎo)入矿微,例如:<head><style type="text/css">@import url("hello.css");</style></head>
 - 鏈接式:將css樣式用link方式引入到頁面中呐能,例如:<link rel="stylesheet" type="text/css" href="hello.css" />
  1. link和@import的區(qū)別:
 - @import導(dǎo)入式會(huì)在整個(gè)網(wǎng)頁裝載完后再裝載CSS文件念搬,因此這就導(dǎo)致了一個(gè)問題抑堡,如果網(wǎng)頁比較大則會(huì)兒出現(xiàn)先顯示無樣式的頁面,閃爍一下
之后朗徊,再出現(xiàn)網(wǎng)頁的樣式首妖。
 - link鏈接式與導(dǎo)入式不同的是它會(huì)以網(wǎng)頁文件主體裝載前裝載CSS文件,因此顯示出來的網(wǎng)頁從一開始就是帶樣式的效果的爷恳,它不會(huì)象導(dǎo)入式
那樣先顯示無樣式的網(wǎng)頁有缆,然后再顯示有樣式的網(wǎng)頁,這是鏈接式的優(yōu)點(diǎn)温亲。

3. 文件路徑

路徑 含義
css/a.css 當(dāng)前頁面目錄下的css目錄里的a.css文件
./css/a.css 當(dāng)前頁面目錄下的css目錄里的a.css文件
b.css 當(dāng)前頁面目錄下的b.css文件
../imgs/a.png 當(dāng)前頁面目錄下的父目錄里的imgs目錄里的a.png文件
/Users/hunger/project/css/a.css 絕對(duì)路徑
/static/css/a.css 項(xiàng)目上傳到服務(wù)器上使用棚壁,表示本項(xiàng)目里的static目錄里的css目錄里的a.css
http://cdn.jirengu.com/kejian1/8-1.png 網(wǎng)絡(luò)鏈接,指此圖片在網(wǎng)絡(luò)上的路徑

4. 想在js.jirengu.com上展示一個(gè)圖片栈虚,需要怎么操作?

1.png

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

  1. 語法建議統(tǒng)一使用小寫
  2. 避免使用行內(nèi)樣式袖外,做到樣式和內(nèi)容分離
  3. 使用div模塊化
  4. 明白標(biāo)簽語義化,不亂用
  5. 塊內(nèi)容縮進(jìn)魂务,方便閱覽

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

3.png
4.png
5.png

(missiton 6)

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末曼验,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子头镊,更是在濱河造成了極大的恐慌蚣驼,老刑警劉巖魄幕,帶你破解...
    沈念sama閱讀 219,490評(píng)論 6 508
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件相艇,死亡現(xiàn)場(chǎng)離奇詭異,居然都是意外死亡纯陨,警方通過查閱死者的電腦和手機(jī)坛芽,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,581評(píng)論 3 395
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來翼抠,“玉大人咙轩,你說我怎么就攤上這事∫跤保” “怎么了活喊?”我有些...
    開封第一講書人閱讀 165,830評(píng)論 0 356
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)量愧。 經(jīng)常有香客問我钾菊,道長(zhǎng),這世上最難降的妖魔是什么偎肃? 我笑而不...
    開封第一講書人閱讀 58,957評(píng)論 1 295
  • 正文 為了忘掉前任煞烫,我火速辦了婚禮,結(jié)果婚禮上累颂,老公的妹妹穿的比我還像新娘滞详。我一直安慰自己,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,974評(píng)論 6 393
  • 文/花漫 我一把揭開白布料饥。 她就那樣靜靜地躺著蒲犬,像睡著了一般。 火紅的嫁衣襯著肌膚如雪稀火。 梳的紋絲不亂的頭發(fā)上暖哨,一...
    開封第一講書人閱讀 51,754評(píng)論 1 307
  • 那天,我揣著相機(jī)與錄音凰狞,去河邊找鬼篇裁。 笑死,一個(gè)胖子當(dāng)著我的面吹牛赡若,可吹牛的內(nèi)容都是我干的达布。 我是一名探鬼主播,決...
    沈念sama閱讀 40,464評(píng)論 3 420
  • 文/蒼蘭香墨 我猛地睜開眼逾冬,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼黍聂!你這毒婦竟也來了?” 一聲冷哼從身側(cè)響起身腻,我...
    開封第一講書人閱讀 39,357評(píng)論 0 276
  • 序言:老撾萬榮一對(duì)情侶失蹤产还,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后嘀趟,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體脐区,經(jīng)...
    沈念sama閱讀 45,847評(píng)論 1 317
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,995評(píng)論 3 338
  • 正文 我和宋清朗相戀三年她按,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了牛隅。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 40,137評(píng)論 1 351
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡酌泰,死狀恐怖媒佣,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情陵刹,我是刑警寧澤默伍,帶...
    沈念sama閱讀 35,819評(píng)論 5 346
  • 正文 年R本政府宣布,位于F島的核電站衰琐,受9級(jí)特大地震影響也糊,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜碘耳,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,482評(píng)論 3 331
  • 文/蒙蒙 一显设、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧辛辨,春花似錦捕捂、人聲如沸瑟枫。這莊子的主人今日做“春日...
    開封第一講書人閱讀 32,023評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽慷妙。三九已至,卻和暖如春允悦,著一層夾襖步出監(jiān)牢的瞬間膝擂,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 33,149評(píng)論 1 272
  • 我被黑心中介騙來泰國(guó)打工隙弛, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留架馋,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 48,409評(píng)論 3 373
  • 正文 我出身青樓全闷,卻偏偏與公主長(zhǎng)得像叉寂,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子总珠,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 45,086評(píng)論 2 355

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

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案屏鳍? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標(biāo)簽?zāi)J(rèn)的外補(bǔ)...
    _Yfling閱讀 13,754評(píng)論 1 92
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務(wù)發(fā)現(xiàn)局服,斷路器钓瞭,智...
    卡卡羅2017閱讀 134,672評(píng)論 18 139
  • 轉(zhuǎn)載請(qǐng)聲明 原文鏈接地址 關(guān)注公眾號(hào)獲取更多資訊 第一部分 HTML 第一章 職業(yè)規(guī)劃和前景 職業(yè)方向規(guī)劃定位...
    程序員poetry閱讀 16,558評(píng)論 32 459
  • 前端開發(fā)面試知識(shí)點(diǎn)大綱: HTML&CSS: 對(duì)Web標(biāo)準(zhǔn)的理解、瀏覽器內(nèi)核差異淫奔、兼容性山涡、hack、CSS基本功:...
    秀才JaneBook閱讀 2,371評(píng)論 0 25
  • 1.CSS的全稱是什么搏讶?CSS的全稱是Cascading Style Sheet,漢語意思是“層疊樣式表”,通常又...
    饑人谷_DanaeJJ閱讀 491評(píng)論 0 1