CSS基礎

1.CSS的全稱是什么?CSS全稱為層疊樣式表 (Cascading Style Sheets)。
2.CSS有幾種引入方式? link 和@import 有什么區別?1.內聯樣式,就是把css代碼直接寫在現有的HTML標簽中,如<h1 style="color: red; font-size: 20px;"></h1>
;2.內部樣式,就是可以把css樣式代碼寫在<style type="text/css"></style>標簽之間。3.外部樣式,就是把css代碼寫一個單獨的外部文件中,這個css樣式文件以“.css”為擴展名,在<head>或其它地方使用<link>
標簽將css樣式文件鏈接到HTML文件內。又分為用<link>標簽和@import兩種,分別如下:<head><link rel="stylesheet" type="text/css" href="index.css"></head><style>@import url("hello.css");@import "world.css";</style>
link和import的區別1:link是XHTML標簽,除了加載CSS外,還可定義RSS等其他事;@import屬于CSS范,放在<style>標簽里,只能加載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相對路徑,意思同上;
b.css相對路徑,當前文件夾下的b.css;
../imgs/a.png相對路徑,上級文件夾里imags文件夾里的a.png文件;
/Users/hunger/project/css/a.css絕對路徑,本地文件夾里的a.css的本地絕對路徑;
/static/css/a.css網站路徑,當前服務器上根目錄下/static/css/下的a.css文件
http://cdn.jirengu.com/kejian1/8-1.png(網站路徑,通過該路徑可以找到8-1.png文件。
4.如果我想在js.jirengu.com上展示一個圖片,需要怎么操作?1.將圖片存在本地服務器內開啟本地服務在JSBin引用圖片或將圖片上傳到服務器生成線上地址使用該圖片2.如圖片存在于網絡上其它服務器上,通過網站路徑添加url引入圖片。
5.列出5條以上html和css 的書寫規規范
html規范:使用大寫的 DOCTYPE;頁面要指定字符編碼,指定字符編碼的 meta 元素應為 head 的第一個子元素;標簽屬性全小寫;標簽要閉合、自閉合標簽可以省略 /;標題里不能有段落,段落里不能有標題;內容樣式行為分離,先不管樣式, 重點放在HTML的結構和語 義化上。
CSS規范:1.語法不區分大小寫,但建議統一使用小寫;2.不使用內聯的style屬性定義樣式;3.id和class使用有意義的單詞,分隔符建議使用-;4.有可能就是用縮寫;5.屬性值是0的省略單位;6.塊內容縮進;7.屬性名冒號后面添加一個空格;
6.截圖介紹Chrome開發者工具只要安裝了谷歌瀏覽器,就可以使用Google Chrome開發者工具,Google Chrome開發者工具是內嵌到瀏覽器的開發工具,打開方式有兩種:第一“按F12”,第二:shift+ctrl+i。1.Elements介紹Elements對應頁面的HTML,頁面中的每個元素可以通過Elements找到。在頁面各元素或位置上右鍵選擇檢查,Elements就會跳轉到相應的實現代碼。把鼠標移到Element中各行時,頁面對應部分就會被選中。拖動Element中的各部分,頁面對應部分也會移動。修改Element中的各部分,頁面對應部分也會改變。
2.Style介紹Style中的內容是頁面的樣式,即CSS。修改其中的內容,頁面對應的節點元素樣式也會發生改變。點擊Style中的+號可以添加新的樣式。
3.Console介紹Console控制臺可以查看網頁運行后提示的消息,錯誤或者警告以及輸出內容等,網頁后臺可以使用Console.debug("輸出內容");來在Console輸出顯示,可以做到調試的作用,不過一般真正調試不是拿Console。在其中輸入JavaScript語句可以使用瀏覽器提供的內置對象,同時可以自己新定義對象和函數,調試有報錯雙擊即可以看到出錯的地方。
4.Sources介紹Sources可以查看運行的腳本,調試一般都是在Sources調試的,所以程序開發者需要了解和熟悉Sources的使用。Sources調試使用:在左側的腳本代碼編號,鼠標點擊即可添加斷點,添加斷點后,刷新網頁,程序運行到斷點即可看到斷點調式的狀態了。
5.NetWork介紹NetWork可以看到網頁加載的腳本和資源的時間,還可以看到某些不能加載成功的資源。比如調試ajax接口時可以用。
6.Resources介紹Resources里可以查看web程序跑起來后所加載的一些資源(Resources),包括圖片或者其他“值”,以及Cookies。新版沒有了Resources,其移動到了Application下面。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。
  • 序言:七十年代末,一起剝皮案震驚了整個濱河市,隨后出現的幾起案子,更是在濱河造成了極大的恐慌,老刑警劉巖,帶你破解...
    沈念sama閱讀 228,156評論 6 531
  • 序言:濱河連續發生了三起死亡事件,死亡現場離奇詭異,居然都是意外死亡,警方通過查閱死者的電腦和手機,發現死者居然都...
    沈念sama閱讀 98,401評論 3 415
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來,“玉大人,你說我怎么就攤上這事。” “怎么了?”我有些...
    開封第一講書人閱讀 176,069評論 0 373
  • 文/不壞的土叔 我叫張陵,是天一觀的道長。 經常有香客問我,道長,這世上最難降的妖魔是什么? 我笑而不...
    開封第一講書人閱讀 62,873評論 1 309
  • 正文 為了忘掉前任,我火速辦了婚禮,結果婚禮上,老公的妹妹穿的比我還像新娘。我一直安慰自己,他們只是感情好,可當我...
    茶點故事閱讀 71,635評論 6 408
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著,像睡著了一般。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發上,一...
    開封第一講書人閱讀 55,128評論 1 323
  • 那天,我揣著相機與錄音,去河邊找鬼。 笑死,一個胖子當著我的面吹牛,可吹牛的內容都是我干的。 我是一名探鬼主播,決...
    沈念sama閱讀 43,203評論 3 441
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了?” 一聲冷哼從身側響起,我...
    開封第一講書人閱讀 42,365評論 0 288
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后,有當地人在樹林里發現了一具尸體,經...
    沈念sama閱讀 48,881評論 1 334
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
    茶點故事閱讀 40,733評論 3 354
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發現自己被綠了。 大學時的朋友給我發了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 42,935評論 1 369
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖,靈堂內的尸體忽然破棺而出,到底是詐尸還是另有隱情,我是刑警寧澤,帶...
    沈念sama閱讀 38,475評論 5 358
  • 正文 年R本政府宣布,位于F島的核電站,受9級特大地震影響,放射性物質發生泄漏。R本人自食惡果不足惜,卻給世界環境...
    茶點故事閱讀 44,172評論 3 347
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧,春花似錦、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 34,582評論 0 26
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至,卻和暖如春,著一層夾襖步出監牢的瞬間,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 35,821評論 1 282
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人。 一個月前我還...
    沈念sama閱讀 51,595評論 3 390
  • 正文 我出身青樓,卻偏偏與公主長得像,于是被迫代替她去往敵國和親。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 47,908評論 2 372

推薦閱讀更多精彩內容

  • 一、css是什么? CSS全稱是Cascading Style Sheets,簡寫為CSS,稱作:層疊樣式表,又稱...
    青鳴閱讀 851評論 0 1
  • 1.CSS簡介 CSS 的全稱是Cascading Style Sheets,層疊樣式表 2.CSS的引入方式 內...
    毛毛獨角獸閱讀 334評論 0 0
  • CSS的全稱是什么? CSS全程是Cascading Style Sheets層疊樣式表 CSS有幾種引入方式? ...
    Taaaaaaaurus閱讀 377評論 0 1
  • CSS的全稱是什么? CSS的全稱是Cascading Style Sheet -- 層疊樣式表。 層疊樣式表(...
    蕭雪圣閱讀 278評論 0 1
  • 早上醒來后,無意中看到金庸筆下實戰能力最強的四位排名,看到是血刀老祖名列第一,便萌生了看一看《連城訣》的想法,無...
    陳禹同Bruce閱讀 640評論 0 2