1、CSS的全稱是什么?有什么作用?
- CSS的全稱是 Cascading Style Sheets，即層疊樣式表。
- CSS是一種樣式表語言，用于為HTML文檔定義布局, 例如，CSS涉及字體、顏色、邊距、高 度、寬 度、背景圖像、高級定位等方面。
2、CSS有幾種引入方式? link 和@import 有什么區(qū)別?
2.1、CSS有幾種引入方式?
CSS有4種引入樣式，分別為內(nèi)聯(lián)式、內(nèi)部式、外部式和導(dǎo)入式。
1.內(nèi)聯(lián)式
<p style="color: red; font-size: 3px;">
內(nèi)聯(lián)式
</p>
2.內(nèi)部式
<style type="text/css">
h1 {
color: red;
font-size: 3px;
}
</style>
<h1>內(nèi)部樣式</h1>
3.外部式
<head>
<title>外部式</title>
<link rel="stylesheet" type="text/css" href="c.css">
</head>
4.導(dǎo)入式
<style>
@import url(a.css);
@import "b.css";
</style>
2.1、link 和@import 有什么區(qū)別?
- link是HTML標(biāo)簽，可以直接寫在HTML中；@import是CSS語法，需要寫在CSS樣式表或者style標(biāo)簽中。
- link引用CSS時，在頁面載入時同時加載；@import需要頁面網(wǎng)頁完全載入以后加載。
- link是XHTML標(biāo)簽，無兼容問題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
- link支持使用Javascript控制DOM去改變樣式；而@import不支持。
3、以下這幾種文件路徑分別用在什么地方，代表什么意思?
- css/a.css 相對路徑：當(dāng)前文件夾下的css文件夾內(nèi)的a.css文件。
- ./css/a.css 相對路徑：當(dāng)前文件夾下的css文件夾內(nèi)的a.css文件。
- b.css 相對路徑：當(dāng)前文件夾下的b.css文件
- ../imgs/a.png 相對路徑：上級文件夾下的imgs文件夾內(nèi)的a.css文件。
- /User/hunger/project/css/a.css 絕對路徑：本地絕對路徑中的a.css文件。
- /static/css/a.css 以絕對路徑的方式在服務(wù)器中尋找a.css文件。
- css/a.css 以相對路徑的方式在服務(wù)器中尋找a.css文件。
- http://cdn.jirengu.com/kejian1/8-1.png 網(wǎng)站中的路徑： 指向網(wǎng)絡(luò)上的一個圖片。
4、如果我想在js.jirengu.com上展示一個圖片，需要怎么操作?
- 如果這個圖片本來就存在網(wǎng)絡(luò)線上，可以直接使用圖片的網(wǎng)絡(luò)絕對路徑鏈接的方式在頁面上添加url引用這張圖片。
- 如果圖片在本地，可將圖片上傳到某個網(wǎng)址，生成一個線上網(wǎng)址，或?qū)D片文件存于本地服務(wù)器，開啟本地服務(wù)即可使用。
5、列出5條以上html和 css 的書寫規(guī)范
- 語法建議統(tǒng)一使用小寫
- 不使用內(nèi)聯(lián)樣式的style元素定義樣式，建議采用外部css
- id和class使用有意義的單詞，分隔符建議使用-
- 屬性值是0的省略單位
- 縮進(jìn)建議使用2個空格
- 屬性名冒號后面添加一個空格
6、截圖介紹 chrome 開發(fā)者工具的功能區(qū)
Paste_Image.png
Paste_Image.png
Paste_Image.png
Paste_Image.png
