CSS基礎(chǔ)

1.CSS的全稱是什么?

CSS全稱是 Cascading Style Sheets, 層疊樣式表

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

共三種引入方式

  • 內(nèi)聯(lián)樣式:直接在元素中寫樣式
  • 內(nèi)部樣式:在HTML文件中通過(guò)<style>寫樣式
  • 外部樣式:在HTML文件中通過(guò)<link>鏈接CSS文件或者通過(guò)<style>內(nèi)的@import鏈接CSS文件
    區(qū)別:
  • 語(yǔ)法不同:link為HTML的標(biāo)簽,@import為CSS語(yǔ)法
  • 加載順序不同:link的CSS和頁(yè)面同時(shí)加載,@import的CSS是在頁(yè)面加載完后才加載
  • DOM控制樣式:link的CSS可以通過(guò)JS來(lái)控制,而@import的CSS不行

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

3.1 相對(duì)路徑

  • css/a.css------------ 同級(jí)CSS目錄下的a.css
  • ./css/a.css-----------同級(jí)CSS目錄下的a.css
  • b.css------------------當(dāng)前目錄下的b.css
  • ../imgs/a.png--------上級(jí)目錄下的imgs目錄下的a.png
    3.2 絕對(duì)路徑
  • /Users/hunger/project/css/a.css-------------本地絕對(duì)路徑中的a.css文件
    3.3 網(wǎng)站路徑
  • /static/css/a.css-----------------------------------網(wǎng)站中也可以使用相對(duì)路徑
  • http://cdn.jirengu.com/kejian1/8-1.png------網(wǎng)絡(luò)中的路徑

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

  • 上傳到j(luò)s.jirengu.com的服務(wù)器網(wǎng)站目錄下,通過(guò)< img>引用本地路徑
  • 上傳圖片到圖床網(wǎng)站,獲取外鏈后,通過(guò)< img>引用網(wǎng)站路徑

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

  • 1.語(yǔ)法統(tǒng)一使用小寫
  • 2.不使用內(nèi)聯(lián)的style屬性定義樣式
  • 3.id和class使用有意義的單詞,分隔符建議使用-
  • 4.塊內(nèi)容縮進(jìn)
  • 5.屬性名冒號(hào)后面添加一個(gè)空格

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

無(wú)標(biāo)題.png
無(wú)標(biāo)題.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)容

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