为什么不是';我的html链接到我的打印CSS样式表吗?

为什么不是';我的html链接到我的打印CSS样式表吗?,html,css,printing,stylesheet,Html,Css,Printing,Stylesheet,cssI正在尝试创建一个带有css的打印样式表,以连接到我的html网页。我在下面添加了样式表行,我的样式表是一个css文件,名为print.css,与我的html文件位于同一目录中。这是我第一次这样做,有没有什么我做的程序不正确 谢谢你的建议 HTML . . . CSS 身体{ 宽度:8000px; 背景色:#FFFFFF; } .科{ 宽度:2000px; 浮动:左; 身高:100%; z指数:1; 字体大小:20px; 分页符后:始终; 内部分页符:避免; p a:之后{ 内容:“

cssI正在尝试创建一个带有css的打印样式表,以连接到我的html网页。我在下面添加了样式表行,我的样式表是一个css文件,名为print.css,与我的html文件位于同一目录中。这是我第一次这样做,有没有什么我做的程序不正确

谢谢你的建议

HTML


.
.
.
CSS


身体{
宽度:8000px;
背景色:#FFFFFF;
}
.科{
宽度:2000px;
浮动:左;
身高:100%;
z指数:1;
字体大小:20px;
分页符后:始终;
内部分页符:避免;
p a:之后{
内容:“(attr(href)”;
字体大小:50%;
}

调用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" /> 
.section{
width: 2000px;
float: left;
height: 100%;
z-index: 1;
font-size:20px;
page-break-after: always;
page-break-inside: avoid; }

在该文件中,将样式包装在此标记中:

@媒体印刷品{ 你的css在这里 }


这正是您所需要的。

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%;
}

您在CSS文件中包含了无法使用的HTML。您需要删除
标记

您还忘了用右括号关闭
.section
css,因此看起来如下所示:

<link href="print.css" type="text/css" rel="stylesheet" media="print" /> 
.section{
width: 2000px;
float: left;
height: 100%;
z-index: 1;
font-size:20px;
page-break-after: always;
page-break-inside: avoid; }

除此之外,请检查您的CSS文件是否与
链接中指定的名称相同-您可能在某处有拼写错误。

URI指向
href=“print.html”
,请尝试将其更改为
href=“print.CSS”
。您还将介质类型定义为打印,它仅适用于打印,请使用
media=“screen”
我修复了它…并在我的代码中再次尝试。我尝试了.html和.css以防万一,但它们都不接受我在样式表中的更改。谢谢你的网站有lin吗?可能是文件路径或类似的东西。你在尝试什么更改?你要进入打印预览来检查更改吗?你知道背景色是一种颜色吗你在打印时被忽略了…?是的,我应该把它放在描述中。我正在尝试创建一个打印页面。我在单独的分区中有文本,所以每个分区中的文本占800px左右。我需要它来扩展页面的宽度。我还想添加一个标题。谢谢,我尝试了,但仍然不起作用。可能是编辑器or HTML的版本(我正在使用html5)。