入門任務6

<ol>
<li>CSS的全稱是什么: Cascading Style Sheets, 層疊樣式表
@charset "utf-8"; //里面有中文的時候需要加上
h1 {
color: red;
font-size: 20px;
}
a:hover{
color: red;
}
</li>
<li>CSS有幾種引入方式? link 和@import 有什么區(qū)別?
內(nèi)聯(lián)樣式:<h1 style="color: red; font-size: 20px;"></h1>谨娜;
內(nèi)部樣式(肯定不能有href弦聂,一般放到head里面聪蘸,其實可以放到任何地方):
<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>
外部樣式:
(1)
<head>
<link rel="stylesheet" type="text/css" href="index.css"> //其中 type="text/css" 可以省略
</head>
建議放到head里面服鹅;
(2)
<style>
@import url("hello.css");
@import "world.css";
</style>

  • 1.link屬于XHTML標簽,而@import完全是CSS提供的一種方式捏境。link標簽除了可以加載CSS外姐浮,還可以做很多其它的事情,比如定義RSS慧瘤,定義rel連接屬性等戴已,@import就只能加載CSS了。
  • 2.加載順序的差別锅减。當一個頁面被加載的時候,link引用的CSS會同時被加載伐坏,而@import引用的CSS會等到頁面全部被下載完再被加載怔匣。所以有時候瀏覽@import加載CSS的頁面時性能較差
  • 3.使用dom控制樣式時的差別。當使用javascript控制dom去改變樣式的時候桦沉,只能使用link標簽每瞒,因為@import不是dom可以控制的。

<li>以下這幾種文件路徑分別用在什么地方纯露,代表什么意思?
css/a.css: 當前目錄下的css文件夾中的a.css
./css/a.css: 當前目錄下的css文件夾中的a.css
b.css:當前目錄下的b.css文件
../imgs/a.png:上級目錄中的imgs 文件夾中的a圖片
/Users/hunger/project/css/a.css:本地絕對路徑中的a.css文件
/static/css/a.css:網(wǎng)站中也可以使用相對路徑
http://cdn.jirengu.com/kejian1/8-1.png:網(wǎng)絡中的路徑
</li>
<li>如果我想在js.jirengu.com上展示一個圖片剿骨,需要怎么操作?:穩(wěn)定的做法:上傳到服務器內(nèi)部并用相對路徑讀取。減小服務器壓力的做法:直接盜用其他網(wǎng)站上的圖片鏈接或上傳到圖床使用圖床的絕對鏈接埠褪。</li>
<li>列出5條以上html和 css 的書寫規(guī)范:
[強制] 使用 4 個空格做為一個縮進層級浓利,不允許使用 2 個空格 或 tab 字符;
[強制] 選擇器 與 { 之間必須包含空格钞速。
.selector {
}
[強制] 屬性名 與之后的 : 之間不允許包含空格贷掖, : 與 屬性值 之間必須包含空格。
margin: 0;
[強制] 列表型屬性值 書寫在單行時渴语,, 后必須跟一個空格苹威。
font-family: Arial, sans-serif;
[強制] 當一個 rule 包含多個 selector 時,每個選擇器聲明必須獨占一行驾凶。
.post,
.page,
.comment {
line-height: 1.5;
}
</li>
<li>截圖介紹 chrome 開發(fā)者工具的功能區(qū):

2.png

</li>
</ol>

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末牙甫,一起剝皮案震驚了整個濱河市,隨后出現(xiàn)的幾起案子调违,更是在濱河造成了極大的恐慌窟哺,老刑警劉巖,帶你破解...
    沈念sama閱讀 211,884評論 6 492
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件翰萨,死亡現(xiàn)場離奇詭異脏答,居然都是意外死亡,警方通過查閱死者的電腦和手機亩鬼,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,347評論 3 385
  • 文/潘曉璐 我一進店門殖告,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人雳锋,你說我怎么就攤上這事黄绩。” “怎么了玷过?”我有些...
    開封第一講書人閱讀 157,435評論 0 348
  • 文/不壞的土叔 我叫張陵爽丹,是天一觀的道長筑煮。 經(jīng)常有香客問我,道長粤蝎,這世上最難降的妖魔是什么真仲? 我笑而不...
    開封第一講書人閱讀 56,509評論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮初澎,結(jié)果婚禮上秸应,老公的妹妹穿的比我還像新娘。我一直安慰自己碑宴,他們只是感情好软啼,可當我...
    茶點故事閱讀 65,611評論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著延柠,像睡著了一般祸挪。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上贞间,一...
    開封第一講書人閱讀 49,837評論 1 290
  • 那天贿条,我揣著相機與錄音,去河邊找鬼榜跌。 笑死闪唆,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的钓葫。 我是一名探鬼主播悄蕾,決...
    沈念sama閱讀 38,987評論 3 408
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼础浮!你這毒婦竟也來了帆调?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,730評論 0 267
  • 序言:老撾萬榮一對情侶失蹤豆同,失蹤者是張志新(化名)和其女友劉穎番刊,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體影锈,經(jīng)...
    沈念sama閱讀 44,194評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡芹务,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,525評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了鸭廷。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片枣抱。...
    茶點故事閱讀 38,664評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖辆床,靈堂內(nèi)的尸體忽然破棺而出佳晶,到底是詐尸還是另有隱情,我是刑警寧澤讼载,帶...
    沈念sama閱讀 34,334評論 4 330
  • 正文 年R本政府宣布轿秧,位于F島的核電站中跌,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏菇篡。R本人自食惡果不足惜漩符,卻給世界環(huán)境...
    茶點故事閱讀 39,944評論 3 313
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望驱还。 院中可真熱鬧陨仅,春花似錦、人聲如沸铝侵。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,764評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽咪鲜。三九已至,卻和暖如春撞鹉,著一層夾襖步出監(jiān)牢的瞬間疟丙,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,997評論 1 266
  • 我被黑心中介騙來泰國打工鸟雏, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留享郊,地道東北人。 一個月前我還...
    沈念sama閱讀 46,389評論 2 360
  • 正文 我出身青樓孝鹊,卻偏偏與公主長得像炊琉,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子又活,可洞房花燭夜當晚...
    茶點故事閱讀 43,554評論 2 349

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