CSS基礎(chǔ)

1.CSS的全稱是什么?

Cascading Style Sheets全稱層疊樣式表,CSS是一種樣式表語言,用于為HTML文檔定義布局, 例如,CSS涉及字體、顏色、邊距、高 度、寬 度、背景圖像、高級(jí)定位等方面。

2.CSS有幾種引入方式? link 和@import 有什么區(qū)別?

  • CSS有4種引入方式
1.內(nèi)聯(lián)樣式 <p style="font-color: green;">
2.內(nèi)部樣式 <style type="text/sheet">
                    h1{
                        color: red;
                       }
            </style>
3.外部樣式 外部樣式可以通過導(dǎo)入(@import)
             <style>
                 @import url("a.css");
                 @import "b.css";
             </style>
4.外部樣式 外部樣式可以通過導(dǎo)入(link)
            <head>
                <link rel="stylesheet" type="text/css" href="index.css">
            </head>
  • link 和 @import 的區(qū)別:
    1.ink 是 HTML 的一個(gè)標(biāo)簽,可以放在HTML中的任何一個(gè)位置,而 @import 是 CSS 提供的一種方法,需要放在 HTML 的 style 標(biāo)簽里,或是放在一個(gè)樣式表里,不能直接放在 HTML 里。因此 link 除了加載 CSS 之外還做其他的事情,而 @import 就只能加載 CSS 了。
    2.link是在加載頁面前把css加載完畢,而@import url() 則是讀取完文件后再加載樣式,所以如果遇到網(wǎng)速很慢的情況,會(huì)出現(xiàn)先顯示沒有樣式的頁面,然后在閃爍一下之后才出現(xiàn)樣式。
    3.@import 是 css2 里提出的,所以古老的 ie5 瀏覽器不支持,而 link 則沒有這個(gè)問題。
    4.當(dāng)使用javascript控制dom去改變樣式的時(shí)候,只能使用link標(biāo)簽,@import不是dom可以控制的。

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

css/a.css
相對(duì)路徑,當(dāng)前目錄下的css目錄下的a.css文件
./css/a.css
相對(duì)路徑,等價(jià)于css/a.css
b.css
相對(duì)路徑,當(dāng)前目錄下的b.css
../imgs/a.png
相對(duì)路徑,上級(jí)目錄下的imgs目錄下的a.png文件 
/Users/hunger/project/css/a.css 
本地絕對(duì)路徑
/static/css/a.css 
網(wǎng)絡(luò)相對(duì)路徑
[http://cdn.jirengu.com/kejian1/8-1.png]
網(wǎng)絡(luò)路徑,通過該路徑可以找到cdn.jirengu.com域名下kejian1目錄下的8-1.png文件

4. 如果我想在js.jirengu.com上展示一個(gè)圖片,需要怎么操作?

1.可以直接將圖片上傳到服務(wù)器,在頁面使用這張圖片
2.如果這個(gè)圖片本來就存在網(wǎng)絡(luò)上其他的服務(wù)器上,可以直接使用圖片的網(wǎng)絡(luò)絕對(duì)路徑鏈接的方式在頁面上添加url引用這張圖片

5. 列出5條以上html和 css 的書寫規(guī)范

HTML:
1.DOCTYPE標(biāo)簽使用大寫,如<!DOCTYPE html>
2.對(duì)需要閉合的標(biāo)簽,閉合標(biāo)簽不要省略
3.頁面要指定字符編碼,指定字符編碼的 meta 元素應(yīng)為 head 的第一個(gè)子素
4.有文本標(biāo)簽的控件必須使用label標(biāo)簽將文本和控件關(guān)聯(lián)
5.不要在HTML里使用內(nèi)聯(lián)樣式
CSS:
1.統(tǒng)一使用小寫
2.不使用內(nèi)聯(lián)的style屬性定義樣式
3.d 和 class 使用有意義的單詞,命名連字符使用-
4.要有一定的縮進(jìn)
5.數(shù)值為0時(shí)不帶單位
6.屬性值在冒號(hào)后面加一個(gè)空格
7.使用縮寫

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

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

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

  • 一、css是什么? CSS全稱是Cascading Style Sheets,簡(jiǎn)寫為CSS,稱作:層疊樣式表,又稱...
    青鳴閱讀 1,101評(píng)論 0 1
  • CSS的全稱是什么? CSS全程是Cascading Style Sheets層疊樣式表 CSS有幾種引入方式? ...
    Taaaaaaaurus閱讀 441評(píng)論 0 1
  • 1.CSS簡(jiǎn)介 CSS 的全稱是Cascading Style Sheets,層疊樣式表 2.CSS的引入方式 內(nèi)...
    毛毛獨(dú)角獸閱讀 395評(píng)論 0 0
  • 名字是一個(gè)代稱 你的 于我卻有著極為特殊的意義 我們 是普遍尋常愛你群類的集合 然而 然而
    前赴后繼閱讀 263評(píng)論 0 0

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