CSS的全稱是什么?##
css全稱是Cascading Style Sheets,層疊樣式表,一種用來為結構化文檔(如 HTML 文檔或 XML 應用)添加樣式(字體、間距和顏色等)的計算機語言。
CSS有幾種引入方式? link 和@import 有什么區別?##
引入方式有內部樣式、內部樣式、外部樣式三種方法
一般而言,所有的樣式會根據下面的規則層疊于一個新的虛擬樣式表中,其中數字 4 擁有最高的優先權。
- 瀏覽器缺省設置
- 外部樣式表
- 內部樣式表(位于 <head> 標簽內部)
- 內聯樣式(在 HTML 元素內部)
link和@import的區別:
- link是html的標簽,@import是css的語法。
- link標簽可以放在html文檔的任何位置,@import引入的方式只能放在css文件或者style標簽包裹的樣式里。
- 加載順序的差別。當一個頁面被加載的時候,link引用的CSS會同時被加載,而@import引用的CSS會等到頁面全部被下載完再被加載。
- link是html標簽,沒有兼容性問題,@import只有在IE5以上的才能識別。
- 當使用javascript控制dom去改變樣式的時候,只能使用link標簽,因為@import不是dom可以控制的。
以下這幾種文件路徑分別用在什么地方,代表什么意思?##
相對路徑:相對當前文件的路徑
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 本地a.css文件的絕對地址
網站路徑
/static/css/a.css 服務器根目錄下的static目錄下的css目錄下的a.css文件
http://cdn.jirengu.com/kejian1/8-1.png 圖片8-1.png在線上的網站路徑
如果我想在js.jirengu.com上展示一個圖片,需要怎么操作?##
1、 可以使用相對路徑,將HTML文件以及相應的image文件夾上傳,在瀏覽器加載html文件和圖片時,圖片調用相對路徑直接展示
2、 講圖片上傳到一臺服務器中,然后記錄下圖片地址,最后通過網站地址直接找到圖片
列出5條以上html和 css 的書寫規范##
- 語法不區分大小寫,建議統一使用小寫
- 不適用內聯的style屬性定義樣式
- id和class使用有意義的單詞,分隔符使用-
- 有可能就是使用縮寫
- 屬性值為0的省略單位
- 塊內容縮進
- 屬性名冒號后面添加一個空格
截圖介紹 chrome 開發者工具的功能區##
elements.png
Elements:查找網頁源代碼HTML中的任一元素,手動修改任一元素的屬性和樣式且能實時在瀏覽器里面得到反饋。
Console:記錄開發者開發過程中的日志信息,且可以作為與JS進行交互的命令行Shell。
Sources:斷點調試JS,也可以在工作區打開你的本地文件。
Network:從發起網頁頁面請求Request后分析HTTP請求后得到的各個請求資源信息(包括狀態、資源類型、大小、所用時間等),可以根據這個進行網絡性能優化。
Timeline:記錄并分析在網站的生命周期內所發生的各類事件,以此可以提高網頁的運行時間的性能。
Profiles:如果你需要Timeline所能提供的更多信息時,可以嘗試一下Profiles,比如記錄JS CPU執行時間細節、顯示JS對象和相關的DOM節點的內存消耗、記錄內存的分配細節。
Application:記錄網站加載的所有資源信息,包括存儲數據(Local Storage、Session Storage、IndexedDB、Web SQL、Cookies)、緩存數據、字體、圖片、腳本、樣式表等。
Security:判斷當前網頁是否安全。
Audits:對當前網頁進行網絡利用情況、網頁性能方面的診斷,并給出一些優化建議。比如列出所有沒有用到的CSS文件等。