關于css

  • css的全稱是什么

css全稱Cascading Style Sheets,層疊樣式表。
css的基本結構:

  • css有幾種引入方式? link 和@import 有什么區別?

css重要有三種引入方式:
1.內聯樣式
<h1 style="color: red; font-size: 20px;"></h1>
2.內部樣式

<style type="text/css">
  h1 {
    color: red;
    font-size: 20px;
  }
</style>
<h1>element</h1>

3.外部樣式

<head>
  <link rel="stylesheet" type="text/css" href="index.css">
</head>
<style>
  @import url("hello.css");
</style>
<style>
  @import "world.css";
</style>

關于link和@import:1.link是html中的一個標簽,它可以放在html文件中的任何位置;@import是css的一種語法,只能放在style標簽中;2.加載順序不一樣,link在網頁加載時同步加載,@import在網頁html加載完成后再加載css,所以有時候瀏覽@import加載css的頁面時,若網速不好,開始會沒有樣式;3.兼容性問題,@import是css2.1提出的,較老的瀏覽器可能不支持@import,link則無此問題;4.使用js控制dom改變樣式時只能用link,@import不受dom控制。

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

css/a.css
./css/a.css
b.css
../imgs/a.png
/Users/hunger/project/css/a.css
/static/css/a.css
http://cdn.jirengu.com/kejian1/8-1.png

相對路徑:
css/a.css 當前目錄下的css文件夾中的a.cc文件
./css/a.css 意義同上
b.css 當前目錄中的b.css文件
../imgs/a.png 上級目錄下的imgs文件夾下的a.png文件
絕對路徑:
/Users/hunger/project/css/a.css 絕對路徑下的a.css文件路徑
網站路徑:
/static/css/a.css(網站路徑中也可以使用相對路徑)
http://cdn.jirengu.com/kejian1/8-1.png (網站上的8-1.png文件地址)

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

1.把圖片上傳到服務器,并把圖片地址寫入到img標簽的src屬性中;
2.尋找網絡圖片的源地址(可利用圖床網站),把地址寫入到img標簽中。

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

1.語法不區分大小寫,但建議統一用小寫;
2.不使用內聯的style屬性定義樣式(結構樣式分離);
3.id和class應該按照元素功能命名,不應該SHOULD NOT按照元素表現命名,命名應該含義清晰;
4.css屬性中的0值不應該帶單位;
5.必須采用4個空格為一次縮進;
6.css屬性聲明必須以分號結尾;
7.css屬性名冒號后必須有一個空格;
8.CSS 屬性值中所有使用到引號的位置必須使用單引號

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

推薦閱讀更多精彩內容

  • 1. CSS的全稱是什么? CSS就是一種叫做樣式表(stylesheet)的技術。也有的人稱之為層疊樣式表(...
    淡然7698閱讀 391評論 0 1
  • CSS的全稱是什么? CSS的全稱是Cascading Style Sheet -- 層疊樣式表。 層疊樣式表(...
    蕭雪圣閱讀 282評論 0 1
  • CSS的全稱是什么?CSS的全稱是層疊樣式表 CSS有幾種引入方式? link 和@import 有什么區別?CS...
    ninc閱讀 217評論 0 1
  • 問答題47 /72 常見瀏覽器兼容性問題與解決方案? 參考答案 (1)瀏覽器兼容問題一:不同瀏覽器的標簽默認的外補...
    _Yfling閱讀 13,796評論 1 92
  • 學習CSS的最佳網站沒有之一 http://www.w3school.com.cn/tags/index.asp ...
    Amyyy_閱讀 1,094評論 0 1