css的全稱： cascading style sheets 層疊樣式表
css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機語言。
CSS不僅可以靜態(tài)地修飾網(wǎng)頁蠢终，
還可以配合各種腳本語言動態(tài)地對網(wǎng)頁各元素進行格式化
CSS有幾種引入方式? link 和@import 有什么區(qū)別?
css引入方式有三種
- 內(nèi)聯(lián)樣式
<h1 style="color:red"></h1> - 內(nèi)部樣式括饶，一般放在head里
<style type="text/css>
h1{
color:red;
}
</style> - 外部樣式
<link rel="style/sheet" type="text/css" href="index.css">
@import url("hello.css");
link 和import 的區(qū)別
1）link是xhtml樣式境肾，可以做引入其他的語言辆琅，import屬于css范圍笙什，只能引入css
2）link 引用css時即供，在頁面載入時候吨悍，同時加載扫茅，import需要頁面加載完后再加載
3）link無兼容問題，import是css2.1提出的育瓜，個別瀏覽器可能不支持
4）link支持用JavaScript控制DOM去改變樣式葫隙，而import不支持
文件路徑
相對路徑
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 本地電腦Users/hunger/project/css/下的a.css 文件網(wǎng)站路徑
/static/css/a.css 網(wǎng)站相對路徑
http://cdn.jirengu.com/kejian1/8-1.png 網(wǎng)站的一張圖片，采用網(wǎng)站路徑進入一張圖片
如果我想在js.jirengu.com上展示一個圖片躏仇，需要怎么操作?
將要顯示的圖片恋脚，放到饑人谷服務器存放照片的路徑下，在頁面上用img標簽引入圖片焰手，src寫服務器的相對路徑糟描，從而將圖片顯示在網(wǎng)站上，可以通過css來調(diào)節(jié)圖片的大小册倒，達到大小合適美觀的目的
html和 css 的書寫規(guī)范
1蚓挤、語法不區(qū)分大小寫磺送，建議統(tǒng)一用小寫
2驻子、不使用內(nèi)聯(lián)的style屬性定義樣式
3、id和class使用有意義的單詞估灿，分割符用-
4崇呵、有可能單詞可以用縮寫
5、屬性值是0可以省略單位
6馅袁、塊級內(nèi)容縮進
7域慷、屬性名冒號后面加一個空格
chrome 開發(fā)者工具的功能
Paste_Image.png
