- CSS的全稱是什么?
CSS的全稱是層疊樣式表 - CSS有幾種引入方式? link 和@import 有什么區(qū)別?
CSS有3種引入方式凌彬，分別是內(nèi)聯(lián)樣式变屁，內(nèi)部樣式议惰，外部樣式践惑。
link是一個(gè)html標(biāo)簽腹泌，可以在html文件的任何地方，用來(lái)引入css樣式表尔觉，即后綴名為css的文件凉袱；
@import屬于css語(yǔ)言，在html中只能在style標(biāo)簽內(nèi)使用@import來(lái)引入樣式表侦铜。 - 以下這幾種文件路徑分別用在什么地方绑蔫，代表什么意思?
- 相對(duì)路徑：
- css/a.css 使用于link標(biāo)簽的href屬性中或@import后的括號(hào)內(nèi)运沦，代表引入與此html文件并列的css文件夾中的a.css文件
- ./css/a.css 使用于link標(biāo)簽的href屬性中或@import后的括號(hào)內(nèi)，與上同義
- b.css 使用于link標(biāo)簽的href屬性中或@import后的括號(hào)內(nèi)配深，代表引入與此html文件并列的b.css文件
- ../imgs/a.png 使用于img標(biāo)簽的src屬性中携添，代表插入此html文件上一級(jí)文件夾中的imgs文件夾內(nèi)的a.png圖片
- 絕對(duì)路徑
- /Users/hunger/project/css/a.css 使用于link標(biāo)簽的href屬性中或@import后的括號(hào)內(nèi)，代表引入/Users/hunger/project/css/a.css這個(gè)位置的a.css文件
- 網(wǎng)站路徑
- /static/css/a.css 使用于link標(biāo)簽的href屬性中或@import后的括號(hào)內(nèi)篓叶，代表引入域名/static/css/a.css這個(gè)位置的a.css文件
- http://cdn.jirengu.com/kejian1/8-1.png 使用于img標(biāo)簽的src屬性中烈掠，代表插入http://cdn.jirengu.com/kejian1/8-1.png此位置的8-1.png圖片
- 如果我想在js.jirengu.com上展示一個(gè)圖片，需要怎么操作?
從psd文件中使用ps的切片工具缸托，一般將切下來(lái)的圖片保存為png格式左敌，然后使用tinypng網(wǎng)站進(jìn)行無(wú)損壓縮，最終使用img標(biāo)簽導(dǎo)入網(wǎng)站俐镐。當(dāng)然矫限，如果有現(xiàn)成的圖片，就只需要壓縮后用img標(biāo)簽導(dǎo)入網(wǎng)站佩抹。對(duì)圖片而言叼风，要在清晰度和圖片大小間相互權(quán)衡，得到最優(yōu)解棍苹。 - 列出5條以上html和 css 的書寫規(guī)范
html書寫規(guī)范：
- 閉合HTML標(biāo)簽
- 聲明正確的文檔類型DOCTYPE
- 不要使用內(nèi)聯(lián)樣式
- 在頁(yè)面的head標(biāo)簽中引入所有的樣式表文件无宿。
- 在頁(yè)面底部引入JavaScript文件
- 不要使用嵌入式JavaScript
css書寫規(guī)范：
- 語(yǔ)法不區(qū)分大小寫，但建議統(tǒng)一使用小寫
- 不使用內(nèi)聯(lián)的style屬性定義樣式
- id和class使用有意義的單詞枢里，分隔符建議使用-
- 有可能就是用縮寫
- 屬性值是0的省略單位
- 塊內(nèi)容縮進(jìn)
- 屬性名冒號(hào)后面添加一個(gè)空格
- 截圖介紹 chrome 開發(fā)者工具的功能區(qū)
Paste_Image.png
