一遍搞、CSS全稱
CSS(Cascading Style Sheets)指層疊樣式表，層疊的意思是多個樣式可以按照樣式規(guī)則的優(yōu)先級形成一個層次結構器腋。CSS實現(xiàn)了內容和樣式的分離溪猿。
二、CSS引入方式? link 和@import 區(qū)別?
1.CSS引入方式
- 內聯(lián)樣式：即在標簽中使用style屬性
<h1 style="color: red; font-size: 20px;"></h1> - 內部樣式表纫塌，html內部使用
style標簽
<head>
<style type="text/css">
body {
background-color: red
}
</style>
</head>
- 外部樣式诊县，通過html中使用
link標簽或在style標簽中使用@import
<!--1-->
<link rel="stylesheet" type="text/css" href="mystyle.css">
<!--2-->
<style>
@import url("hello.css");
@import "world.css";
</style>
2. link 和@import 區(qū)別
- link是html中的標簽，可以引入樣式表措左，也可以引入其他文檔依痊，而@import是css語法，只能引入樣式表
- @import需要在style標簽下
- 當使用js控制dom去改變樣式的時候怎披，只能使用link標簽胸嘁，因為@import不是dom可以控制的
- @import中的css文件不能同時下載，link標簽引入的css可以
- 每一個@import都會生成一次http請求
三凉逛、以下這幾種文件路徑分別用在什么地方性宏，代表什么意思?
- 相對路徑
-
css/a.css當前目錄下css文件夾中的a.css -
./css/a.css同css/a.css -
b.css當前目錄下的b.css -
../imgs/a.png當前目錄的上一級目錄下的imgs文件夾中的a.png
-
- 絕對路徑
-
/Users/hunger/project/css/a.css文件在本地的絕對位置
-
- 網站路徑
-
/static/css/a.css主域名下的static文件夾下的css文件夾下的a.css -
css/a.css網站上的相對路徑。當前頁面所在目錄下css文件夾中的a.css -
http://cdn.jirengu.com/kejian1/8-1.png絕對尋址状飞，網站主域名下的kejian1文件夾中的8-1.png
-
四毫胜、如何在js.jirengu.com上展示一個圖片?
將圖片上傳至任一網站，得到url后诬辈，在jirengu.com的頁面中用<img src=''url' alt="123"/>使用指蚁。在同一網站下可使用相對路徑引入。
五自晰、html和 css 的書寫規(guī)范
- 內容縮進
- 建議使用小寫
- 不要使用內聯(lián)樣式
- 建議使用h5的聲明和utf-8的字符編碼
- id和class使用
-連接多個單詞 - 在可以使用縮寫的情況下，盡量使用屬性縮寫稍坯。
- 屬性有一定的書寫順序酬荞，如：
1.位置屬性(position, top, right, z-index, display, float等)
2.大小(width, height, padding, margin)
3.文字系列(font, line-height, letter-spacing, color- text-align等)
4.背景(background, border等)
5.其他(animation, transition等)
六、chrome 開發(fā)者工具功能區(qū)簡要介紹
參考文獻
1.Chrome開發(fā)者工具詳解
chrome開發(fā)者工具功能區(qū)簡介
