调用外部css文件,为什么不生效?
代码:<head><linkhref="table.css"rel="stylesheet"type="text/css"></head>table.css代码:BODY...
代码:
<head><link href="table.css" rel="stylesheet" type="text/css"></head>
table.css代码:
BODY {
table
{
width:"80%";
height:10;
border:1;
cellspacing:0
cellpadding:0
border-collapse:collapse;
font-SIZE:9pt
}
}
文件都放在同一文件夹下的,应该不会存在路径问题吧!html里面就是在head中添加<head><link href="table.css" rel="stylesheet" type="text/css"></head>只是引用外部css对表格的设置,外什么没效果。而且我直接写html里也没效果!怎么回事。html里还要添加什么申明吗?添加了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">在<tml>前,也没效果! 展开
<head><link href="table.css" rel="stylesheet" type="text/css"></head>
table.css代码:
BODY {
table
{
width:"80%";
height:10;
border:1;
cellspacing:0
cellpadding:0
border-collapse:collapse;
font-SIZE:9pt
}
}
文件都放在同一文件夹下的,应该不会存在路径问题吧!html里面就是在head中添加<head><link href="table.css" rel="stylesheet" type="text/css"></head>只是引用外部css对表格的设置,外什么没效果。而且我直接写html里也没效果!怎么回事。html里还要添加什么申明吗?添加了<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">在<tml>前,也没效果! 展开
9个回答
展开全部
不生效的原因定位,可以从以下几点入手:
确认引入的外部CSS文件确实存在,并且引入路径正确
因CSS有引入的先后顺序和效果应用优先级,所以需确保引入的CSS必须放在其他CSS文件或样式的后面
具体的style优先级高于CSS文件的优先级,例如:<span style="color:red">红色</span> 这个CSS应用,会覆盖CSS文件中定义的span的字体颜色,例如:CSS文件中定义了 span{color:blue},对于这个SPAN,将不会生效
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
首先 检查你的“table.css” 路径 是否正确
另外 你的css 写错了
table
{
width:"80%";
height:10;
border:1;
cellspacing:0
cellpadding:0
border-collapse:collapse;
font-SIZE:9pt
}
只需要这个就好~~不需要 BODY{}
另外 你的css 写错了
table
{
width:"80%";
height:10;
border:1;
cellspacing:0
cellpadding:0
border-collapse:collapse;
font-SIZE:9pt
}
只需要这个就好~~不需要 BODY{}
追问
文件在同一路径,应该没问题吧?CSS文件怎么错了?BODY{}是自带的,我删了还是没效果!html里就......到底为什么呢?
追答
table
{
width:"80%";
height:10;
border:1;
cellspacing:0
cellpadding:0
border-collapse:collapse;
font-SIZE:9pt
}
你把这段代码 放到 你的html 页 试试 如果 好使的话 说明 css没问题 是 引用地址的问题~~如果不好使 则反之~~
并且 你的 css 代码 只是 定义表格的宽度 是基于 body 80% 表格里面 还有 tr 和 td 最终的宽度 还是取决于 td
td 里面 还必须要有内容
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
table
{
width:"80%";
height:10;
border:1;
cellspacing:0
cellpadding:0
border-collapse:collapse;
font-SIZE:9pt
}
css文件保留这个就可以!
改正css中的错误:
height:10;——要标上单位,如px
border:1;——要同时声明样式,点线还是实线等,貌似还要标注颜色,同时单位也要标上。
如果不行,试试换下地址格式如:
<link href="./table.css" rel="stylesheet" type="text/css">
{
width:"80%";
height:10;
border:1;
cellspacing:0
cellpadding:0
border-collapse:collapse;
font-SIZE:9pt
}
css文件保留这个就可以!
改正css中的错误:
height:10;——要标上单位,如px
border:1;——要同时声明样式,点线还是实线等,貌似还要标注颜色,同时单位也要标上。
如果不行,试试换下地址格式如:
<link href="./table.css" rel="stylesheet" type="text/css">
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
很简单的 你就是没保存css文件而已
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询