CSS的全稱是什么?
- 層疊樣式表（英文全稱：Cascading Style Sheets）是一種用來表現(xiàn)HTML（標準通用標記語言的一個應(yīng)用）或XML（標準通用標記語言的一個子集）等文件樣式的計算機語言。
CSS有幾種引入方式? link 和 @import 有什么區(qū)別?
-
引入方式：
- 在
<head>里面使用<link rel="stylesheet" href="xxx.css">引用外部文件 - 在
<head>中的<style>標簽里面寫樣式 - 在要使用樣式的元素中寫
<p style="xxx:xxx;"> - 在
<style>里面寫上@import url(http://xxx.css);
- 在
-
區(qū)別：
- link 是 HTML 標簽除了 CSS 還能定義別的東西凿菩，而 @import 是純 CSS
- link 和頁面本體是會同時加載的，而 @import 得等到頁面加載完成再加載
- @import 是 CSS 2 標準，在多年前可能會有兼容性問題
- 當使用 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 // 一般是指在相對本地路徑找到User文件夾下 hunger 文件夾下 project 文件夾下 css 文件夾下 a.css 文件
// 網(wǎng)站路徑
// 假設(shè)將個人電腦作為站點，localhost:8080
/static/css/a.css // 一般情況下在當前項目的 根目錄下的 static 文件下的文件下的a.css 文件
static/css/a.css // 相對路徑：當前項目對應(yīng)的目錄下的 static 文件下的文件下的a.css 文件
http://cdn.jirengu.com/kejian1/8-1.png // 一般情況下是引用http://cdn.jirengu.com這個CDN服務(wù)下的kejian1文件下的8-1.png
如果我想在js.jirengu.com上展示一個圖片验懊，需要怎么操作?
- 第一種是將圖片上傳到該網(wǎng)站的服務(wù)
- 第二種是生成圖片的鏈接，然后引用圖片尸变。
列出5條以上html和 css 的書寫規(guī)范
-
- class 必須單詞全字母小寫义图，單詞間以
-分隔 - class 必須代表相應(yīng)模塊或部件的內(nèi)容或功能，不得以樣式信息進行命名
- 標簽名必須使用小寫字母
- 標簽使用必須符合標簽嵌套規(guī)則
- HTML 標簽的使用應(yīng)該遵循標簽的語義
- 屬性名必須使用小寫字母召烂，屬性值必須用雙引號包圍
- 自定義屬性建議以 xxx- 為前綴碱工，推薦使用 data-
- ...
- class 必須單詞全字母小寫义图，單詞間以
-
- 語法不區(qū)分大小寫，但建議統(tǒng)一使用小寫
- 不使用內(nèi)聯(lián)的 style 屬性定義樣式
- id 和 class 使用有意義的單詞，分隔符建議使用
- - 有可能就是用縮寫
- 屬性值是 0 的省略單位
- 塊內(nèi)容縮進
- 屬性名冒號后面添加一個空格
- ...
