1、CSS的全稱是什么?
CSS是Cascading Style Sheets的簡稱,中文稱為層疊樣式表,用來控制網頁數據的表現,可以使網頁的表現與數據內容分離。CSS不僅可以靜態地修飾網頁,還可以配合各種腳本語言動態地對網頁各元素進行格式化。
2、CSS有幾種引入方式? link 和@import 有什么區別?
1)使用HTML標簽的STYLE屬性
將STYLE屬性直接加在單個的HTML元素標簽上,控制HTML標簽的表現樣式。這種引入CSS的方式是分散靈活方便,但缺乏整體性和規劃性,不利于后期的修改和維護,當需要修改網站的樣式時,一個相同的修改可能涉及多個地方,維護成本高。使用STYLE屬性的樣式效果最強,會覆蓋掉其它幾種引入方式的相同樣式效果。
<div style="color:red">
...
</div>
2)將樣式代碼寫在頁面<STYLE>...</STYLE>標簽之中
<STYLE>...</STYLE>結構可以位于頁面<HTML>標簽中的任何位置,也可以多次出現。通常是將整個<STYLE>...</STYLE>結構寫在頁面的<HEAD>...</HEAD>部分中。這種引入CSS方式的特點是每個頁面的CSS代碼可能具有統一性和規劃性,一個頁面內部便于復用和維護,但多個頁面之間的CSS代碼復用仍然不夠。
<style>
bdoy{
font-size:14px;
}
</style>
3)使用 LINK標簽,引入外部CSS文件
先將css代碼寫在一個單獨的文件中,用link標簽直接引入該文件到頁面中。一個頁面可以多次使用LINK標簽引入多個外部css文件,注意這些CSS代碼的相互影響,通常是后引入的CSS文件會覆蓋前面引入的CSS文件的相同效果。這種引入CSS的方式是目前最為流行的,可以在站個網站范圍內進行CSS代碼的規劃,方便復用和維護,但這樣將代碼高度集中,代碼量可能過大,維護不當的話又容易出現混亂。
<link rel="stylesheet" type="text/css" href="style.css">
4)使用@import引入CSS文件
使用@import引入CSS文件,可以放在頁面中的<style>...</style> 中,用法如下:
<style>
@import url(index2.css);
</style>
@import與Link都是外部引用CSS的方式,但是存在一定的區別:
區別1:link是XHTML標簽,除了加載CSS外,還可以定義RSS等其他事務;@import屬于CSS范疇,只能加載CSS。
區別2:link引用CSS時,在頁面載入時同時加載;@import需要頁面網頁完全載入以后加載。
區別3:link是XHTML標簽,無兼容問題;@import是在CSS2.1提出的,低版本的瀏覽器不支持。
區別4:link支持使用Javascript控制DOM去改變樣式;而@import不支持。
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 cdn.jirengu.com服務器上的一張png圖片URL。
4、如果我想在js.jirengu.com上展示一個圖片,需要怎么操作?
1)可以將這張圖片上傳到jirengu.com服務器上,指向存放的目錄。
2)將這張圖片上傳到網絡上其它可提供完整url路徑的服務器上,再指向此url。
5、列出5條以上html和 css 的書寫規范
1)語法不區分大小寫,但是建議統一寫小寫
2)不使用關聯的style屬性定義樣式
3)id和class使用有意義的單詞,分隔號建議使用-
4)有可能就是用縮寫
5)屬性值是0的省略單位
6)塊內容縮進
7)屬性名冒號后面添加一個空格