CSS基礎(chǔ)

CSS的全稱是什么?

  • 層疊樣式表
  • 英文為Cascading style sheet

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

  1. 內(nèi)聯(lián)樣式:
<p style="height: 10px;" ></p>
  1. 內(nèi)部樣式:
<style>body{margin: 0;padding: 0;}</style>
  1. 外部部樣式:
<link rel="stylesheet" type="text/css" href="style.css">
  • link是一個(gè)html標(biāo)簽,一般放在HEAD里,而@import是CSS語(yǔ)法需要放在style里,另外link還可以鏈接別的東西并不只是CSS比如網(wǎng)頁(yè)的圖標(biāo)
<link rel="icon" href="logo.ico" type="image/x-icon" />

效果如下:

會(huì)在網(wǎng)頁(yè)title左邊出現(xiàn)一個(gè)小圖標(biāo)

  • 加載順序的差別。當(dāng)一個(gè)頁(yè)面被加載的時(shí)候,link引用的CSS會(huì)同時(shí)被加載,而@import引用的CSS 會(huì)等到頁(yè)面全部被下載完再被加載。

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

文件路徑 意義
css/a.css 當(dāng)前目錄下的css文件夾下的a.css文件
./css/a.css 當(dāng)前目錄下的css文件夾下的a.css文件(這個(gè)./可以省略)
b.css 當(dāng)前目錄下的b.css
../imgs/a.png 上一級(jí)的目錄的imgs文件夾下的a.png文件,../代表返回上一級(jí)
/Users/hunger/project/css/a.css 本地文件的絕對(duì)路徑
/static/css/a.css static文件夾里面的css文件夾里面的a.css
http://cdn.jirengu.com/kejian1/8-1.png 圖片上傳后生成的線上地址

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

  1. 先把圖片上傳至jirengu服務(wù)器,然后引用相對(duì)路徑
  2. 上傳圖片,生成圖片鏈接,然后引用圖片

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

  1. 所有的HTML標(biāo)簽必須小寫;
  2. 所有的HTML屬性必須小寫;
  3. 所有的樣式名及規(guī)則必須小寫;
  4. 以 UTF-8 無(wú) BOM 編碼作為文件格式;
  5. 在HTML中文檔中用 <meta charset="utf-8" /> 來(lái)指定編碼;
  6. 為每個(gè)CSS文檔顯示的定義編碼,在文檔首行定義 @charset "utf-8";
  7. 將結(jié)構(gòu)(html)與表現(xiàn)(css)、行為分離(javaScript),保證它們之間的最小耦合,這對(duì)前期開發(fā)和后期維護(hù)都至關(guān)重要。
最后編輯于
?著作權(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)容

  • 一、css是什么? CSS全稱是Cascading Style Sheets,簡(jiǎn)寫為CSS,稱作:層疊樣式表,又稱...
    青鳴閱讀 1,105評(píng)論 0 1
  • 1.CSS簡(jiǎn)介 CSS 的全稱是Cascading Style Sheets,層疊樣式表 2.CSS的引入方式 內(nèi)...
    毛毛獨(dú)角獸閱讀 395評(píng)論 0 0
  • CSS的全稱是什么? CSS的全稱是Cascading Style Sheet -- 層疊樣式表。 層疊樣式表(...
    蕭雪圣閱讀 322評(píng)論 0 1
  • 1.CSS的全稱是什么? CSS全稱是 Cascading Style Sheets, 層疊樣式表。CSS不僅可以...
    FLYSASA閱讀 358評(píng)論 0 1
  • 1,我很高興聽到你做得很好 是失望吧。生活可以是好的,但絕對(duì)不都是美好收?qǐng)?,演戲?dāng)然可以只演好的那一面,但事實(shí)上我...
    不流不流閱讀 532評(píng)論 3 8

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