CSS的全稱是什么?
CSS的全稱叫 Cascading Style Sheets 中文名叫 層疊樣式表
它的作用是結構化文檔,通過改變文檔中的字體,顏色,間距等方式來美化網頁,提高網頁的可讀性與觀賞性。
CSS有幾種引入方式? link 和@import 有什么區別?
CSS的引用方式一般有三種,分別是內聯樣式、內部樣式、外部樣式。
內聯樣式就是直接在HTML標簽中寫入CSS樣式。
如 <h1 style="color: red; font-size: 20px;">CSS基礎<h1>
內部樣式就是把CSS寫在HTML的文檔流中,通過<style>
標簽定義樣式。
如
<head>
<style type="text/css">
h1{margin-left: 100px; color: red}
</style>
</head>
外部樣式就是把CSS獨立編寫并且在每個HTML頁面用<link>
標簽鏈接的樣式就是外部樣式。
如
<head>
<link rel="stylesheet" type="text/css" href="a.css">
</head
或
<thyle>
@import url ("a.css");
@import "b.css";
</thyle>
link
和@import
的區別是link
是一個html的標簽 它可以直接寫在html的文檔中的任何位置(當然并不建議這么任性的去寫。)而@import
是一個CSS中的語法,它只能放在樣式表中使用,并不能直接寫在html文檔中。
以下路徑分別用在什么地方,代表什么意思。
1. css/a.css 為相對路徑 指向當前目錄的同級css目錄下的a.css文件
2. ./css/a.css 為相對路徑 指向當前目錄的下級css目錄里的a.css文件
3. b.css 為相對路徑 指向當前目錄下的b.css文件
4. ../imgs/a.png 為相對路徑 指向上級目錄下的ings目錄中的a.png文件
5. /Users/hunger/project/css/a.css 為絕對路徑 完整的寫出a.css文件所在的全部路徑 可以精準的引用a.css文件
6. /static/css/a.css 為網絡路徑 上傳到互聯網的網站里a.css文件的相對路徑。
7. http://cdn.jirengu.com/kejian1/8-1.png 為網絡路徑 此為一張圖片的網絡路徑 可以直接引用該路徑就能在網頁中展示該圖片。
如果我想在js.jirengu.com上展示一個圖片,需要怎么操作?
首先利用圖床工具把本地圖片上傳到網絡上
上傳至圖床
然后把圖片生成的外部鏈寫進HTML中就可以展示了
圖片應用
列出5條以上html和 css 的書寫規范
1、代碼盡量用英文
2、統一使用小寫
3、不加中杠和下劃線
4、盡量不要縮寫,除非是一眼能看明白的詞
5、同一頁面,應避免使用相同的 name 與 id
截圖介紹 chrome 開發者工具的功能區
Chr