css怎么考虑内嵌样式不能独立到css文件中的问题
2个回答
展开全部
内嵌的任何样式,都可以写在外部独立的css文件里面!如果没有达到效果,就是优先级的原因造成了最后的属性谈让值没有到达你想要的效果。
关于优先级,css文件存在三级,A:外部旁旦的Css文件里的css样式;B:head标签内的style标签里的css样式;C:你写的这种内嵌样式。三种css能使用的范围分别是:所有文件所有标签,本文件所有标签,内嵌的单个标签。三个的优先级依次是:A<B<C。
根据优先级关系,假设在A中你设置了padding:12px;B中你设置了padding:11px;C中你设置了padding:10px;最终呈现的效果就是10px。所以,一旦,运侍扰你将C中的分离到A中,最终显示的效果就会是11px,而不是你想要的10px。
关于优先级,css文件存在三级,A:外部旁旦的Css文件里的css样式;B:head标签内的style标签里的css样式;C:你写的这种内嵌样式。三种css能使用的范围分别是:所有文件所有标签,本文件所有标签,内嵌的单个标签。三个的优先级依次是:A<B<C。
根据优先级关系,假设在A中你设置了padding:12px;B中你设置了padding:11px;C中你设置了padding:10px;最终呈现的效果就是10px。所以,一旦,运侍扰你将C中的分离到A中,最终显示的效果就会是11px,而不是你想要的10px。
追问
我要怎么处理这个问题
追答
你独立出去,然后给个独立的class名字,比如.exam{},然后在class="con hide exam"这里引用。你要确保con和hide里面没有关于display的设置,而且,确保con和hide里面的关于display的设置比exam里面的靠前,也就是说exam里的设置要具有最高的优先级。
展开全部
内嵌样式在<head></head>里面首先是唯御加好链接的,比如:
<link href="css/style.css" rel="stylesheet" type="text/css" />
然后你的div 应该写成:<div class="wrap"></div>,样式表中的.wrap就包含了你写在页面上的style=""里面的属性。
你这样写,页面的穗橡代码会很混乱,后期程序上开发太繁猜山旁琐。
<link href="css/style.css" rel="stylesheet" type="text/css" />
然后你的div 应该写成:<div class="wrap"></div>,样式表中的.wrap就包含了你写在页面上的style=""里面的属性。
你这样写,页面的穗橡代码会很混乱,后期程序上开发太繁猜山旁琐。
更多追问追答
追问
我有独立的css文件 ,也加载了。 但是 ,我这些在html中的样式 ,当我放到单独的css中就没有作用了
追答
检查一下你的样式表,看名称和前缀(.或者#)是否正确,应用的样式表文件路径是否正确,如果没问题,一般不会出现错误
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询