1构捡、CSS的全稱是什么?
Cascading Style Sheets 層疊樣式表
2塞颁、CSS有幾種引入方式? link 和@import 有什么區(qū)別?
3 種 內聯(lián)樣式 內部樣樣式 外部樣式
區(qū)別:@import 放在任何的樣式里面 它是css語法浪讳,加載比較慢,不建議使用
而link 是html 標簽 可以放在<html></html> 這對標簽里的任何位置
3惑芭、以下這幾種文件路徑分別用在什么地方坠狡,代表什么意思?
- css/a.css
相對于當前HTML所在位置的css文件路徑。 - ./css/a.css
和css/a.css 是一個意思遂跟,因為./ 就代表當前的意思逃沿。 - b.css
和HTML文件和b.css文件處于平行位置,也可以說幻锁,它們的父級文件夾是同一個文件夾凯亮。 - ../imgs/a.png
../ 代表是上一級。也就是說從當前這個文件先回到上一級哄尔,然后進入imgs目錄假消,再找到a.png - /Users/hunger/project/css/a.css
絕對路徑,在本地的時候可以用岭接,如果上傳服務器的話富拗,那么是不可以的臼予。而且名字太長。 - /static/css/a.css
代表主域名下的css啃沪,如果開啟服務器為http://localhost:8080
那么就是http://localhost:8080/static/css/a.css
.而此時如果你
正好在開啟服務器的目錄下有static文件夾下里有css文件夾粘拾,同時
css文件夾下有a.css。那么就不會出錯创千。 -
http://cdn.jirengu.com/kejian1/8-1.png
比如是我在html文件里寫![](http://upload-images.jianshu.io/upload_images/7634882-f09b649c7759b7bb.png?imageMogr2/auto-orient/strip%7CimageView2/2/w/1240)
表示我在我寫的這個頁面里展示了這個圖片缰雇。就是等同于圖片鏈接。
4追驴、如果我想在js.jirengu.com上展示一個圖片械哟,需要怎么操作?
如果是本地圖片,那么你就需要先上傳到圖床氯檐,比如七牛戒良,然后會自動的給你生成一個圖片外鏈。
復制圖片外鏈冠摄,放在img標簽的src屬性里就可以糯崎。
如果是網(wǎng)上圖片,只要把圖片鏈接河泳,復制沃呢,同樣放在img標簽的src屬性里就可以了。
5拆挥、列出5條以上html和 css 的書寫規(guī)范
(1)語法不區(qū)分大小寫薄霜,但建議統(tǒng)一使用小寫
(2)不使用內聯(lián)的style屬性定義樣式
(3)id 和class使用有意義的單詞,分隔符建議使用-
(4)有可能就是用縮寫
(5)屬性值是0的省略單位
(6)塊內容縮進
(7) 屬性名冒號后面添加一個空格
6纸兔、截圖介紹 chrome 開發(fā)者工具的功能區(qū)
按 f12 打開
點擊Network
一般調試一些ajax接口的時候有用
Name 下為所有請求
header 請求文件的頭部 可以看到我們向接口傳遞的那些數(shù)據(jù)惰瓜。
response 后臺給我們的那些東西,一般是字符串汉矿,json格式的字符串preview 在這個下面我們看到的是 json格式的字符串被解析為json格式
點擊element
如果想要修改頁面上的某個元素可以直接在此區(qū)域進行修改崎坊,直接點擊想要修改的元素,然后右鍵-->檢查
將原本的Gmail 改成了飛機洲拇。
在右邊的style區(qū) 可以添加樣式
點擊 console
可以看到網(wǎng)站的一些信息奈揍。比如有沒有錯誤
以及網(wǎng)站的console.log的一些內容。同時可以查看網(wǎng)站js的全局變量
自己也可以在控制臺運行js代碼赋续。原因是你的代碼就是全局作用域里的
而男翰,控制臺就是全局作用域。
點擊 souce區(qū)
這里主要用來調試纽乱,先打個斷點蛾绎,然后刷新
可以看到變量值
這里是可以進行單步調試。
點擊application
就主要查看Cookie。