為什么我的html鏈接到我的打印CSS樣式表？

Question

css我正在嘗試用css創建一個打印樣式表來連接到我的html網頁。 我在下面添加了樣式表行，我的樣式表是一個名為print.css的css文件，與我的html文件位於同一目錄中。 這是我第一次這樣做，就程序而言，我做錯了嗎？

謝謝你的建議

HTML

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="print.css" media="print"/>

<style>
   .
   .
   .
</style>

</head>

CSS

 <!DOCTYPE html>
 <html>
 <head>
 <style>
 body{
 width: 8000px;
 background-color: #FFFFFF;
  }
  .section{
  width: 2000px;
  float: left;
  height: 100%;
  z-index: 1;
  font-size:20px;
  page-break-after: always;
  page-break-inside: avoid;



  p a:after {
  content: " (" attr(href) ")";
  font-size: 50%;
   }
 </style>
 </head>
 </body>
 </html>

Answer 1

CSS文件不能包含HTML。 這是你的print.css文件應包含的全部內容：

body{
    width: 8000px;
    background-color: #FFFFFF;
}

.section{
    width: 2000px;
    float: left;
    height: 100%;
    z-index: 1;
    font-size:20px;
    page-break-after: always;
    page-break-inside: avoid;
}

p a:after {
    content: " (" attr(href) ")";
    font-size: 50%;
}

Answer 2

您已在CSS文件中包含HTML，但這不起作用。 您需要刪除<!DOCTYPE html> <html> <head> and <style>標記。

您還忘記使用右括號關閉.section css，因此它看起來像這樣：

.section{
width: 2000px;
float: left;
height: 100%;
z-index: 1;
font-size:20px;
page-break-after: always;
page-break-inside: avoid; }

除此之外，檢查您的CSS文件與link標記中指定的名稱相同 - 您可能在某處出現拼寫錯誤。

Answer 3

調用css文件時href錯誤：

您正在調用可能不存在的HTML文件

<link href="print.html" type="text/css" rel="stylesheet" media="print" />

如果它確實存在從該HTML文件中提取您的CSS並將其放入CSS文檔，然后鏈接到這樣的文件：

<link href="print.css" type="text/css" rel="stylesheet" media="print" />

在該文件中將您的樣式包裝在此標記中：

@media print {你的css在這里}

這應該完全符合你的需要。

為什么我的html鏈接到我的打印CSS樣式表？

問題描述

3 個解決方案

解決方案1
3 2013-04-16 17:36:17

解決方案2
0 2016-03-08 16:09:13

解決方案3
-1 2013-04-16 17:32:57

為什么我的html鏈接到我的打印CSS樣式表？

問題描述

3 個解決方案

解決方案1 3 2013-04-16 17:36:17

解決方案2 0 2016-03-08 16:09:13

解決方案3 -1 2013-04-16 17:32:57

解決方案1
3 2013-04-16 17:36:17

解決方案2
0 2016-03-08 16:09:13

解決方案3
-1 2013-04-16 17:32:57