前臺網頁的元素是通過CSS樣式展現(xiàn)的,前端開發(fā)者可以通過工具對網頁上的CSS進行查看或調試。
公司主營業(yè)務:做網站、網站建設、移動網站開發(fā)等業(yè)務。幫助企業(yè)客戶真正實現(xiàn)互聯(lián)網宣傳,提高企業(yè)的競爭能力。創(chuàng)新互聯(lián)公司是一支青春激揚、勤奮敬業(yè)、活力青春激揚、勤奮敬業(yè)、活力澎湃、和諧高效的團隊。公司秉承以“開放、自由、嚴謹、自律”為核心的企業(yè)文化,感謝他們對我們的高要求,感謝他們從不同領域給我們帶來的挑戰(zhàn),讓我們激情的團隊有機會用頭腦與智慧不斷的給客戶帶來驚喜。創(chuàng)新互聯(lián)公司推出興安免費做網站回饋大家。
推薦使用谷歌瀏覽器或火狐瀏覽器,這兩種瀏覽器有強大的控制臺,都是前端開發(fā)者必備的調試工具之一。
下面以谷歌Chrome瀏覽器為例(火狐瀏覽器類似):
一、按組合快捷鍵 Ctrl+Shift+C
如上圖,在當前頁面按組合鍵Ctrl+Shift+C,然后鼠標移到被查看的元素上,元素被置為可審查的狀態(tài)。
二、單擊被審查的元素
如上圖,當前元素的CSS樣式在控制臺右側都列出來了。
可以通過編輯右側的CSS屬性,對頁面的展現(xiàn)樣式作調試,很方便。
更快捷的方法:
接下來的步驟和上面的一致。
CSS分兩種,一種就是調用,這一般都在頭部head/head之間有調用代碼,另一種就是網頁內部控制,要想看得很清楚我到是可以推薦你用“谷歌瀏覽器”查看,比較方便,清楚!下面我給你示范了下,就是我給你回答的這個頁面的CSS查看!
下面那個放大鏡是查看按鈕,點擊后再點頁面你要查看的地方,然后就會出現(xiàn)在右邊了,具體打開是右鍵---審查元素,或者Ctrl+Shift+i快捷打開!
link href="/css/article.css" rel="stylesheet" type="text/css" /
link href="/css/base.css" rel="stylesheet" type="text/css" /
正常 在head標簽里面 有這樣的 代碼 表示調用這些/css/base.css 在這路徑前面加他的網址 就可以看到他的css樣式
1、在瀏覽器中打開要調試的網頁,使用快捷鍵F12。
2、在彈出的工具窗口中,默認是在Dom Explorer功能,列出網頁的源代碼和CSS樣式列表。
3、使用元素定位功能選擇頁面中的一個元素同時也定位到源代碼中位置,比如百度首頁的"網頁"元素。
4、對定位到的文字修改CSS樣式,添加inline style,比如把字體變紅色。也可以手工修改其他已經存在的樣式。
5、查看元素已經應到到的CSS樣式,點擊"computed"菜單。
6、查看元素的布局信息,點擊"Layout"菜單。
要查看一個網站使用了什么css代碼,可以通過在網站空白處右鍵,選擇查看源代碼,一般來說css代碼有三種引入形式,第一種是直接在標簽后面加style屬性,比如div style="width=...; height=...; "/div;第二種是寫在style標簽內部;第三種是通過link標簽引入,引入文件的后綴一般是.css,如果是link的引入方式,直接在源文件上點擊鏈接即可看到了。
除了以上辦法查看網站的css代碼,還可以通過按f12鍵,調出開發(fā)者模式,這種方法可以快速的查到網頁上某個元素具體有什么css樣式。因為不同瀏覽器的開發(fā)者模式不一樣,這里就不展開說明了。
以上辦法基本上可以得到網站的css代碼,當然,如果網站是通過js動態(tài)引入或者修改css樣式,這就得費較大一番功夫了。
按照你的問題應該是添加樣式后沒有反應
首頁 可以給你的html添加 行內樣式:如p style="font-size:24px;"/p
其次可以在頁面中也如樣式如:
style
p{ font-size:24px}
/style
3.? 可以引入外部樣式:link href="style.css" rel="stylesheet" type="text/css" /?? 意思就是創(chuàng)建一個 名字叫style的CSS文件 并用 link標簽引入