<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ū):
</li>
</ol>