CSS基礎(chǔ)

1、CSS的全稱是什么?
層疊樣式表(英文全稱:Cascading Style Sheets)用于給HTML穿上一身華麗的“外衣”。

2、CSS有幾種引入方式? link 和@import 有什么區(qū)別?
第一種:內(nèi)聯(lián)樣式(直接加在某個元素屬性中的樣式)
<h1 style="color: red; font-size: 20px;"></h1>
第二種:內(nèi)部樣式(在head 的 <style> 標(biāo)簽里寫樣式,單個文件需要特別樣式時,就可以使用內(nèi)部樣式表。)
<style type="text/css">
h1 {
color: red;
font-size: 20px;
}
</style>
第三種:外部樣式(當(dāng)樣式需要被應(yīng)用到很多頁面的時候,可以選擇外部樣式)
<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的任何地方,且頁link是頁面加載時候的同時加載。
@import是css的語法,放在style里(就是樣式里),且@import是在整個頁面加載完之后再加載CSS文件的,如果頁面加載很慢,會出現(xiàn)一開始無樣式。
@import是css2.1提出的,只在ie5以上才能識別,link不存在這個問題,兼容性較好。

3、以下這幾種文件路徑分別用在什么地方,代表什么意思?


文件路徑excel.jpg

絕對路徑就是文件的真正存在的路徑,是指從硬盤的根目錄(盤符)開始,進行一級級目錄指向文件。
相對路徑就是以當(dāng)前文件為基準(zhǔn)進行一級級目錄指向被引用的資源文件。

4、如果我想在js.jirengu.com上展示一個圖片,需要怎么操作?
打開圖床網(wǎng)站后上傳所需圖片,得到圖片的鏈接則可以在img標(biāo)簽的src屬性中填寫圖片的網(wǎng)絡(luò)路徑,即可展示圖片。

5、列出5條以上html和 css 的書寫規(guī)范
html:
-對于無需自閉合的標(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 屬性。
    -頁面必須包含 title 標(biāo)簽聲明標(biāo)題。
    title 必須作為 head 的直接子元素,并緊隨 charset 聲明之后。
    例如<head>
    <meta charset="UTF-8">
    <title>頁面標(biāo)題</title>
    </head>
    -若頁面欲對移動設(shè)備友好,需指定頁面的 viewport。
    css:
    -語法不區(qū)分大小寫,但建議統(tǒng)一使用小寫
    -屬性定義后必須以分號結(jié)尾。
    -不使用內(nèi)聯(lián)的style屬性定義樣式
    -id和class使用有意義的單詞,分隔符建議使用-
    -屬性值是0的省略單位
    -塊內(nèi)容縮進
    -屬性名冒號后面添加一個空格

6、截圖介紹 chrome 開發(fā)者工具的功能區(qū)


360截圖20171130184935874.jpg
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 一、css是什么? CSS全稱是Cascading Style Sheets,簡寫為CSS,稱作:層疊樣式表,又稱...
    青鳴閱讀 1,142評論 0 1
  • 一.CSS的全稱是什么? 層疊樣式表(英文全稱:Cascading Style Sheets)是一種用來表現(xiàn)HTM...
    Sunset125閱讀 455評論 0 1
  • 1.CSS簡介 CSS 的全稱是Cascading Style Sheets,層疊樣式表 2.CSS的引入方式 內(nèi)...
    毛毛獨角獸閱讀 402評論 0 0
  • 1.CSS的全稱是什么? CSS全稱是 Cascading Style Sheets, 層疊樣式表。CSS不僅可以...
    FLYSASA閱讀 365評論 0 1
  • 今天周末,我卻賺了三百塊,靠體力賺的,在家做了一整天的衛(wèi)生,累到趴下。 我是個不擅長做家務(wù)的人,恰好婆婆比我還不擅...
    靈雀子閱讀 684評論 8 7

友情鏈接更多精彩內(nèi)容