CSS基礎

1.CSS的全稱是什么?

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

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

  • CSS有幾種引入方式?
    css有三種引入方式,分別是內聯樣式,內部樣式,外部樣式。

  • link 和@import 有什么區別?
    區別1:link屬于XHTML標簽,而@import完全是CSS提供的一種方式。
    區別2:加載順序的差別。當一個頁面被加載的時候,link引用的CSS會同時被加載,而@import引用的CSS會等到頁面全部被下載完再被加載。
    區別3:兼容性的差別。由于@import是CSS2.1提出的所以老的瀏覽器不支持,@import只有在IE5以上的才能識別,而link標簽無此問題。
    區別4:使用dom控制樣式時的差別。當使用javascript控制dom去改變樣式的時候,只能使用link標簽,因為@import不是dom可以控制的。

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

  • 相對路徑
    css/a.css 指引入當前目錄下css文件夾中的a.css文件。
    ./css/a.css 指引入當前目錄下css文件夾中的a.css文件。
    b.css 指引入當前目錄下的b.css文件。
    ../imgs/a.png 指引入上級目錄下imgs文件夾中的a.png文件。

  • 絕對路徑
    /Users/hunger/project/css/a.css 本地css文件夾中的a.css文件。

  • 網絡路徑
    /static/css/a.css 網頁的絕對路徑下css文件夾中的a.css文件。
    http://cdn.jirengu.com/kejian1/8-1.png外部鏈接,其他網頁中的圖片。

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

  • 若是本地圖片,將該圖片上傳至服務器,然后以相對路徑引用該圖片。
  • 若是其他網頁中的圖片,則直接在<a>標簽中引用該圖片的鏈接。

5.列出5條以上html和 css 的書寫規范

5-1. 所有語法均小寫。
5-2. 不使用css的內聯樣式。
5-3. id和class標簽以有意義的單詞命名,單詞之間用-鏈接。
5-4. 屬性冒號后加一個空格。
5-5. 在可以使用縮寫的情況下,盡量使用屬性縮寫。

6.截圖介紹 chrome 開發者工具的功能區

Paste_Image.png
最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容

  • 1.CSS簡介 CSS 的全稱是Cascading Style Sheets,層疊樣式表 2.CSS的引入方式 內...
    毛毛獨角獸閱讀 335評論 0 0
  • 一、css是什么? CSS全稱是Cascading Style Sheets,簡寫為CSS,稱作:層疊樣式表,又稱...
    青鳴閱讀 889評論 0 1
  • 1. CSS的全稱是什么? 層疊樣式表 (Cascading Style Sheets,常縮寫記作 CSS), 是...
    饑人谷_oathy閱讀 299評論 0 0
  • CSS的全稱 Cascading Style Sheets,層疊樣式表。是一種樣式表語言,用于為HTML文檔定義布...
    饑人谷_哈嚕嚕閱讀 380評論 0 1
  • 人生很累,現在不累,以后會更累;人生很苦,現在不苦,以后會更苦。萬物相生相克,無下則無上,無低則無高,無苦則無甜。...
    余毅然1613閱讀 214評論 0 0