嵌入CSS導致網頁渲染效果不佳

我正在做一些實驗，以查看嵌入CSS中HTML的潛在優點&。我有本地鏡像網站。我嘗試使用「style type ='text/css'」標記將外部css嵌入到HTML中。它爲少數css文件工作，但對於一些css網頁不能像嵌入之前那樣完全呈現。我不確定究竟是什麼導致了這個問題。嵌入CSS導致網頁渲染效果不佳

任何建議/請幫助..圖片之前和之後ebedding。

問題不是特定於此網站。我看到不同網站的渲染問題。我想知道什麼是嵌入與引用外部CSS的區別？

來源

2015-12-03 nnk

你能顯示你的錯誤或你的HTML頁面嗎？ –

「網頁與嵌入前的網頁不完全一樣」。這不就是CSS的重點嗎？ – Arg0n

請提供出現問題的* code *示例。這是很難調試你知道的圖像 –

您面臨的問題主要是由於相對路徑無效，一旦你嵌入你的CSS。假設圖像Evil_Kitty_Of_Darnkess.JPG比css文件高一級。該文件中的規則將能夠使用相對路徑是這樣的：

background-image: url(../Evil_Kitty_Of_Darnkess.JPG);

一旦你直接在頁面中嵌入這些規則，你必須根據該頁面所在的新的基本路徑參考路徑。如果圖像不是高一級，它將無法解決它。你會在截圖中看到類似的東西：完全沒有。

來源

2015-12-03 06:04:43

明白了。這是實際的問題。我沒有想到這一點，我從風格被覆蓋的角度思考。謝謝！！ – nnk

不客氣。祝你有個好的一天 ;） –

嵌入CSS導致網頁渲染效果不佳

回答

相關問題