CSS的全稱是什么?
Cascading style sheets 層疊樣式表
CSS有幾種引入方式?
- 內聯樣式：直接在標簽中引入樣式
<h1 style="color: red></h1> - 內部樣式：通過style標簽引入樣式
<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>
<h1>饑人谷</h1>
- 外部樣式：通過link標簽或者@import引入外部的CSS文件
<head>
<link rel="stylesheet" type="text/css" href="index.css">
</head>
<style>
@import url("hello.css");
@import "world.css";
</style>
- 瀏覽器的默認樣式
link 和@import 有什么區別?
- link是XHTML標簽，而
@import是CSS鏈接外部文件的方式，只能用來加載CSS； - 頁面加載順序有區別：通過link引入的CSS是與頁面同時加載，而
@import需要等待網頁加載完成之后才會加載css樣式，可能會出現延時的現象； - 頁面兼容區別：link是XHTML標簽所以無兼容問題，
@import是CSS2.1提出的，所以低版本瀏覽器不支持； - link支持使用Javascript控制改變樣式，@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文件 -
/static/css/a.css網絡路徑，網站服務端根目錄下 /static/css/文件夾中的a.css文件 -
http://cdn.jirengu.com/kejian1/8-1.png服務端網站上的某個圖片
如果我想在js.jirengu.com上展示一個圖片，需要怎么操作?
- 上傳一個圖片并得到圖片的鏈接，再使用鏈接展示圖片
列出5條以上html和 css 的書寫規范
HTML
- 代碼縮進四個空格；
- 標簽通常是成對出現的，一開一關。也存在一些單標簽，如：
<meta />、<br />等； - 標簽與它的屬性都必須小寫；
- 所有的標簽必須合理嵌套；
- 值需要用引號“”括起來。
CSS
- 語法不區分大小寫，但是建議統一使用小寫
- 不使用內聯的 style 屬性定義樣式
- id 和 class 命名使用有意義的詞，分隔符建議使用 “-”
- 有可能就使用縮寫
- 屬性值是0的省略單位
- 塊內容縮進
- 屬性名冒號后面加一個空格
截圖介紹 chrome 開發者工具的功能區
截圖
- Elements：查找網頁源代碼HTML中的任一元素,手動修改任一元素的屬性和樣式且能實時在瀏覽器里面得到反饋。
- Console：記錄開發者開發過程中的日志信息，且可以作為與JS進行交互的命令行。
- Sources：打斷點調試JS。
- Network：從發起網頁頁面請求Request后分析HTTP請求后得到的各個請求資源信息（包括狀態、資源類型、大小、所用時間等），可以根據這個進行網絡性能優化。
- Timeline：記錄并分析在網站的生命周期內所發生的各類事件，以此可以提高網頁的運行時間的性能。
- Application：記錄網站加載的所有資源信息，包括存儲數據（Local Storage、Session Storage、IndexedDB、Web SQL、Cookies）、緩存數據、字體、圖片、腳本、樣式表等。
- Audits：對當前網頁進行網絡利用情況、網頁性能方面的診斷，并給出一些優化建議。比如列出所有沒有用到的CSS文件等
