1棺妓、CSS的全稱是什么?
層疊樣式表(英文全稱:Cascading Style Sheets)用于給HTML穿上一身華麗的“外衣”一汽。
2甸祭、CSS有幾種引入方式? link 和@import 有什么區(qū)別?
第一種:內(nèi)聯(lián)樣式(直接加在某個(gè)元素屬性中的樣式)
<h1 style="color: red; font-size: 20px;"></h1>
第二種:內(nèi)部樣式(在head 的 <style> 標(biāo)簽里寫樣式牛曹,單個(gè)文件需要特別樣式時(shí)抖剿,就可以使用內(nèi)部樣式表谴轮。)
<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>
第三種:外部樣式(當(dāng)樣式需要被應(yīng)用到很多頁(yè)面的時(shí)候炒瘟,可以選擇外部樣式)
<head> <link rel="stylesheet" type="text/css" href="index.css"> </head>
通常來說type后的內(nèi)容可以省略,rel后面的stylesheet則說明用哪一種樣式表第步。href可以是有效的文件或者url疮装。
<style>
@import url("hello.css");
@import “world.css”;
</style>
link是html的標(biāo)簽,可以放在html的任何地方粘都,且頁(yè)link是頁(yè)面加載時(shí)候的同時(shí)加載廓推。
@import是css的語(yǔ)法,放在style里(就是樣式里)翩隧,且@import是在整個(gè)頁(yè)面加載完之后再加載CSS文件的樊展,如果頁(yè)面加載很慢,會(huì)出現(xiàn)一開始無樣式堆生。
@import是css2.1提出的专缠,只在ie5以上才能識(shí)別,link不存在這個(gè)問題淑仆,兼容性較好涝婉。
3、以下這幾種文件路徑分別用在什么地方蔗怠,代表什么意思?
絕對(duì)路徑就是文件的真正存在的路徑墩弯,是指從硬盤的根目錄(盤符)開始,進(jìn)行一級(jí)級(jí)目錄指向文件寞射。
相對(duì)路徑就是以當(dāng)前文件為基準(zhǔn)進(jìn)行一級(jí)級(jí)目錄指向被引用的資源文件渔工。
4、如果我想在js.jirengu.com上展示一個(gè)圖片桥温,需要怎么操作?
打開圖床網(wǎng)站后上傳所需圖片引矩,得到圖片的鏈接則可以在img標(biāo)簽的src屬性中填寫圖片的網(wǎng)絡(luò)路徑,即可展示圖片策治。
5脓魏、列出5條以上html和 css 的書寫規(guī)范
html:
-對(duì)于無需自閉合的標(biāo)簽兰吟,不允許自閉合通惫。
例如無需自閉合標(biāo)簽有input、br混蔼、img履腋、hr等。
- 標(biāo)簽使用必須符合標(biāo)簽嵌套規(guī)則。
比如 div 不得置于 p 中遵湖。
-使用 HTML5 的 doctype 來啟用標(biāo)準(zhǔn)模式悔政,建議使用大寫的 DOCTYPE。
例如<!DOCTYPE html>
-在 html 標(biāo)簽上設(shè)置正確的 lang 屬性延旧。
-頁(yè)面必須包含 title 標(biāo)簽聲明標(biāo)題谋国。
title 必須作為 head 的直接子元素,并緊隨 charset 聲明之后迁沫。
例如<head>
<meta charset="UTF-8">
<title>頁(yè)面標(biāo)題</title>
</head>
-若頁(yè)面欲對(duì)移動(dòng)設(shè)備友好芦瘾,需指定頁(yè)面的 viewport。
css:
-語(yǔ)法不區(qū)分大小寫集畅,但建議統(tǒng)一使用小寫
-屬性定義后必須以分號(hào)結(jié)尾近弟。
-不使用內(nèi)聯(lián)的style屬性定義樣式
-id和class使用有意義的單詞,分隔符建議使用-
-屬性值是0的省略單位
-塊內(nèi)容縮進(jìn)
-屬性名冒號(hào)后面添加一個(gè)空格
6挺智、截圖介紹 chrome 開發(fā)者工具的功能區(qū)