CSS簡介

CSS的全稱是什么?

css的全稱是Cascading Style Sheet,漢語意思是“級聯(lián)樣式表”,通常又稱為“風(fēng)格樣式表(Style Sheet)",他是用來進(jìn)行網(wǎng)頁風(fēng)格設(shè)計的。

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

CSS通常有內(nèi)聯(lián)式、內(nèi)部式、外部式

  • link方法 鏈接式
  • @import引入 導(dǎo)入式
差別 link @import
屬于差別 屬于XHTML標(biāo)簽,除了可以加載CSS外,還可以定義RSS,定義rel連接屬性 是CSS提供的一種方式,只能加載CSS
加載順序差別 link引用的CSS會同時被加載 @import引用的CSS會等到頁面全部被下載完再被加載
兼容性差別 link標(biāo)簽無此問題 @import是CSS2.1提出的所以老的瀏覽器不支持,只有在IE5以上的才能識別
使用DOM控制樣式時的差別 當(dāng)使用JavaScript控制DOM去改變樣式的時候,只能使用link標(biāo)簽 @import不是DOM可以控制的
@import可以在CSS中再次引入其他樣式表 可以創(chuàng)建一個主樣式表,在主樣式表中再引入其他的樣式表

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

內(nèi)容 說明
css/a.ss 相對路徑:當(dāng)前文件夾內(nèi)的CSS文件夾內(nèi)的a.css
./css/a.css 相對路徑:當(dāng)前文件夾內(nèi)的CSS文件夾內(nèi)的a.css
b.css 相對路徑:當(dāng)前文件b.css
../imgs/a.png 相對路徑:上層目錄下的imgs文件夾下的a.png
/User/hunger/project/css/a.css 絕對路徑:在本計算機(jī)上可以通過這個路徑直接找到
/static/css/a.css 以絕對路徑的方式在服務(wù)器中尋找a.css文件
css/a.css 相對路徑的方式在服務(wù)器中尋找a.css文件
http://cdn.jirengu.com/kejian1/8-1.png 通過該地址可以找到網(wǎng)絡(luò)上的8-1.png文件

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

1. 將本地的圖片上傳,直接使用相對路徑調(diào)用展示圖片
2. 通過網(wǎng)絡(luò)路徑鏈接直接引用圖片

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

  • 語法不區(qū)分大小寫,但建議統(tǒng)一使用小寫
  • 不使用內(nèi)聯(lián)的style屬性定義樣式
  • id和class使用有意義的單詞,分隔符建議使用-
  • 有可能就是用縮寫
  • 屬性值是0的省略單位
  • 塊內(nèi)容縮進(jìn)
  • 屬性名冒號后面添加一個空格

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

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

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

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