web前端-css小記(1)

1.css全稱是什么?

css全稱:Cascading Style Sheets,意思為層疊樣式表

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


  1. 引入方式:
  - 行內式:寫在標簽內,例如:<div style="width:200px; height:60px;"></div>
 - 內嵌式:寫在<head>標簽里,例如:<head><style type="text/css">div{width:200px;}</style></head>
 - 導入式:用@import在<head>標簽里導入,例如:<head><style type="text/css">@import url("hello.css");</style></head>
 - 鏈接式:將css樣式用link方式引入到頁面中,例如:<link rel="stylesheet" type="text/css" href="hello.css" />
  1. link和@import的區別:
 - @import導入式會在整個網頁裝載完后再裝載CSS文件,因此這就導致了一個問題,如果網頁比較大則會兒出現先顯示無樣式的頁面,閃爍一下
之后,再出現網頁的樣式。
 - link鏈接式與導入式不同的是它會以網頁文件主體裝載前裝載CSS文件,因此顯示出來的網頁從一開始就是帶樣式的效果的,它不會象導入式
那樣先顯示無樣式的網頁,然后再顯示有樣式的網頁,這是鏈接式的優點。

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 絕對路徑
/static/css/a.css 項目上傳到服務器上使用,表示本項目里的static目錄里的css目錄里的a.css
http://cdn.jirengu.com/kejian1/8-1.png 網絡鏈接,指此圖片在網絡上的路徑

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

1.png

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

  1. 語法建議統一使用小寫
  2. 避免使用行內樣式,做到樣式和內容分離
  3. 使用div模塊化
  4. 明白標簽語義化,不亂用
  5. 塊內容縮進,方便閱覽

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

3.png
4.png
5.png

(missiton 6)

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

推薦閱讀更多精彩內容

  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • Spring Cloud為開發人員提供了快速構建分布式系統中一些常見模式的工具(例如配置管理,服務發現,斷路器,智...
    卡卡羅2017閱讀 134,923評論 18 139
  • 轉載請聲明 原文鏈接地址 關注公眾號獲取更多資訊 第一部分 HTML 第一章 職業規劃和前景 職業方向規劃定位...
    前端進階之旅閱讀 16,611評論 32 459
  • 前端開發面試知識點大綱: HTML&CSS: 對Web標準的理解、瀏覽器內核差異、兼容性、hack、CSS基本功:...
    秀才JaneBook閱讀 2,519評論 0 25
  • 1.CSS的全稱是什么?CSS的全稱是Cascading Style Sheet,漢語意思是“層疊樣式表”,通常又...
    饑人谷_DanaeJJ閱讀 501評論 0 1