div#header{样式a} div#header{样式b} header显示哪一个样式
 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8">
<title>HTML4</title>
<!--在W3Cschool上看的一个例子不懂为什么多次给header加样式,显示哪一种样式是以什么为基准?附效果图-->
<style>
body {
    font-family:Verdana,sans-serif;font-size:0.8em;
}
div#header,div#footer,div#content,div#post {<!--这里给header,footer添加样式-->
    border:1px solid grey;
    margin:5px;margin-bottom:15px;padding:8px;
    background-color:white;
}
div#header,div#footer {<!--这里又添加样式,不懂!-->
    color:white;background-color:#444;margin-bottom:5px;
}
div#content {
    background-color:#ddd;
}
div#menu ul  {
    margin:0;padding:0;
}
div#menu ul li {
    display:inline; margin:5px;
}
</style>
</head>
<body>

<div id="header">
<h1>Monday Times</h1>
</div>

<div id="menu">
<ul>
  <li>News</li>
  <li>Sports</li>
  <li>Weather</li>
</ul>
</div>

<div id="content">
<h2>News Section</h2>

<div id="post">
<h2>News Article</h2>
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
lurum hurum turum.</p>
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
lurum hurum turum.</p>
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
lurum hurum turum.</p>
</div>

<div id="post">
<h2>News Article</h2>
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
lurum hurum turum.</p>
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
lurum hurum turum.</p>
<p>Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum 
lurum hurum turum.</p>
</div>

</div>

<div id="footer">
<p>© 2014 Monday Times. All rights reserved.</p>
</div>

</body>
</html>

图片说明
图片说明

css

1个回答

后一种,比较它们优先级

liaoxuewu
前端小木 回复早稻城: 不谢,学技术慢慢来,慢慢体会
接近 2 年之前 回复
u011233710
早稻城 原来如此,非常感谢,我体会还不够深,会继续学习理解的
接近 2 年之前 回复
liaoxuewu
前端小木 回复早稻城: 内联样式有很多弊端,真正开发需要做到结构、样式、行为三者分离,后期好维护
接近 2 年之前 回复
u011233710
早稻城 非常感谢,不过像贴的代码那样使用有什么好处呢,我是说为什么不直接用内联样式的方式规定自己想要的样式,这样我看着好乱(也可能我太菜了?)
接近 2 年之前 回复
liaoxuewu
前端小木 回复早稻城: 优先级的规则: 内联样式,优先级1000 id选择器,优先级100 类和伪类,优先级10 元素选择器,优先级1 通配选择器,优先级0 继承的样式没有优先级 当选择器包含多种选择器时,需要将多种选择器的优先级相加然后进行比较。但是注意,选择器的优先级计算不会超过他的最大数量级,如果选择器的优先级一样,则使用靠后的样式。 并集选择器的优先级时单独计算。
接近 2 年之前 回复
u011233710
早稻城 优先级是怎么看的呢?
接近 2 年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
div#header样式a div#header样式b header显示哪一个样式
```rn rnrnrn rn HTML4rnrn rnrnrnrn rn Monday Timesrnrnrn rn rn Newsrn Sportsrn Weatherrnrnrnrn rn News Sectionrnrn rn News Articlern Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum rnlurum hurum turum.rn Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum rnlurum hurum turum.rn Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum rnlurum hurum turum.rnrnrn rn News Articlern Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum rnlurum hurum turum.rn Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum rnlurum hurum turum.rn Ipsum lurum hurum turum ipsum lurum hurum turum ipsum lurum hurum turum ipsum rnlurum hurum turum.rnrnrnrnrn rn © 2014 Monday Times. All rights reserved.rnrnrnrnrnrn```rnrnrn![图片说明](https://img-ask.csdn.net/upload/201711/02/1509594312_454574.jpg)rn![图片说明](https://img-ask.csdn.net/upload/201711/02/1509594389_996774.jpg)
a标记显示样式
a标记显示样式
Header组件样式(下)
<p>rn <img src="https://img-bss.csdn.net/201903031005068389.jpg" alt="" />rn</p>rn<p>rn <img src="https://img-bss.csdn.net/201903031006025741.jpg" alt="" />rn</p>rn<p>rn <img src="https://img-bss.csdn.net/201903031006213804.jpg" alt="" />rn</p>rn<p>rn <img src="https://img-bss.csdn.net/201903031004343917.jpg" alt="" />rn</p>
Header组件的样式(上)
<p>rn <img src="https://img-bss.csdn.net/201903031005068389.jpg" alt="" />rn</p>rn<p>rn <img src="https://img-bss.csdn.net/201903031006025741.jpg" alt="" />rn</p>rn<p>rn <img src="https://img-bss.csdn.net/201903031006213804.jpg" alt="" />rn</p>rn<p>rn <img src="https://img-bss.csdn.net/201903031004343917.jpg" alt="" />rn</p>
SAP 的界面样式 样式 样式
SAP 的界面样式SAP 的界面样式SAP 的界面样式SAP 的界面样式
幻灯片样式幻灯片样式幻灯片样式幻灯片样式幻灯片样式
各大网站幻灯片样式,各种导航幻灯片的样式
ExtJs4 Grid header样式问题
[img=https://img-bbs.csdn.net/upload/201604/22/1461290283_925977.png][/img]rnrn我用ExtJs4开发, 在IE11浏览器的样式怎么这样了, Chrome, Firefox, IE8, IE9, 360浏览器, QQ浏览器都正正常的, 就是IE11显示有问题, 怎么解决呀
如何给Header添加样式?
RT。。我继承GridView控件,自己添加了些新功能。现在想在rn[code=C#]rn protected override void OnRowDataBound(GridViewRowEventArgs e)rn[/code]rnrn方法里给表头添加样式rnrn[code=C#]rne.Row.RowType == DataControlRowType.DataRow//判断行类型为表头rn[/code]rnrn我现在添加样式不知道如何定位到该行,我想把该行的背景色置为黑,并且不透明
图片样式 背景样式
图片对齐 图片文字环绕 背景颜色 背景图片 背景图片平铺 背景图片位置
样式模块化和样式穿透
本课程主要讲解以下内容:rn本课程为vue-cli3.2.1的版本,从入门的零基础到进阶再到案例贯穿始终,本课程对应提供学习资料供大家下载查看,涵盖知识点有:rn1》vue基本语法(模板语法、计算属性)rn2》指令rn3》组件的操作(通信)rn4》路由rn5》生命周期rn6》vue插件的使用rn7》vuex的使用
内样式和外样式
参考这个 :http://www.jb51.net/css/93044.html 当内和外冲突的时候,并不是用内,很多人的误解。 而是根据内和外的顺序,用最后的那个,比如一个页面如下, 当冲突时候,是用下面的那个.而不是一直误解的用 内(上面的)...
样式美化-边框样式
JFinal POI-Excel导出视频教程,该课程主要讲解JFinal导出Excel文件的解决方案,主要使用POI导出,JFinal输出文件流下载到本地。
字体样式&文本样式
1,字体样式设置: 字体类型(风格)font-style / 字体粗细font-weight / 字体大小font-size / 字体系列font-family 组合值写法:字体风格和字体粗细可以都不写或者写一个,也可以换顺序,但是font-size和family的顺序不能换,也必须同时给。 注意:可以用font-size设置行高。例如:font-size:20px/100px;(20是字体大小,...
图片样式,辅助类样式
bootstrap入门 图片样式应用 这是一条信息 浮动和清除的应用 这是一个测试 这是一个测试 这是一个测试 这是一个测试
重置样式和公共样式
视频内容包含了rn一、HTML知识 rn二、CSS知识 rn三、Photoshop使用 rn四、HTML+DIV+CSS企业网站项目实践
鼠标样式《鼠标样式》
鼠标样式《鼠标样式》鼠标样式《鼠标样式》
背景样式和列表样式
背景样式 1.1 背景图片定位background-position 列表样式
打印样式与页面样式
打印样式和页面样式是可以分开的, 在style标签中加上 @media print { ##打印的样式 } 例子:   ##页面中展示文字大小为10号字 .subtitle{ page-break-after: avoid; font-size:10pt; /*font-weight:bold;*/ } ##打印的样式--字体大小为7号字 @me...
样式
outline: #f2f0e1 solid 8px; :before li       content: '●'; display: flex; align-items: center; justify-content: center; 搜过v1 迎合长度 width: fit-content; -webkit-width: fit-content;...
CSS 样式 CSS 样式
CSS样式 包函有表格、国片边框等各种样式..
表格样式+添加样式
样式 * { font-size: 14px; margin: 0; padding: 0; } body { padding: 16px 32px; } .search { position: relative; width: 512px; height: 40px; line-height: 40px; margin: 0 auto; } .se
img 样式 img 样式 img 样式
img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式img 样式 img 样式 img 样式
PS样式PS样式PS样式
PS样式 PS样式 PS样式 PS样式 PS样式 PS样式 PS样式
样式分私有样式和公开样式吗?
为什么有些使用不了
导航样式:xp默认主题样式,xp-pixos样式,QQ2006样式
导航: xp默认主题样式,xp-pixos样式,QQ2006样式 个人认为不错
窗口样式,EX样式,类样式,结构样式。。。。。。。。有什么关系
窗口这些样式把我弄乱了,WNDCLASS 有样式,CreateWindow 有样式,CreaeWindowEx 还有扩展样式,CREATESTRUCT 结构体里还有两个样式rn谁和谁是什么关系
<a>超链接样式
a:link { color: #FF0000; text-decoration:underline; } a:visited { color: #4B0082; } a:hover { color: #0000FF; } a:active { color: #9BCD9B;
CSS:A标记样式
NULL 博文链接:https://liuzidong.iteye.com/blog/999225
a 标签的四种样式
在支持 CSS 的浏览器中,链接的不同状态都可以不同的方式显示,这些状态包括:活动状态,已被访问状态,未被访问状态,和鼠标悬停状态。分别如下设置:   a:link {color: red} /* 未访问的链接 */   a:visited {color: green} /* 已访问的链接 */   a:hover {color: black} /* 鼠标移动到链接上 */   a:active...
html a链接样式
.fontcolor{ //样式 } a.fontcolor:hover{color:#ff0000;} a.fontcolor:visited {color:#ff0000;} a.fontcolor:link {color:#ff0000;}  a.fontcolor: {color:#ff0000;} 更改局部a链接的样式 eg:     Hello
CSS之a链接样式
a:link - 正常,未访问过的链接 a:visited - 用户已访问过的链接 a:hover - 当用户鼠标放在链接上时 a:active - 链接被点击的那一刻<a href="" target="_blank">这是一个链接</a>CSS 样式a:link {color:#FF0000;} /* unvisited link */ a:visited {
<a>标签的样式
是不是先要设置display:block 后, with height 这些设置才有效果 我的代码 没设置display,with也有用 &amp;lt;style type=&quot;text/css&quot;&amp;gt;  &amp;lt;!--  .tb{padding-top:50px; padding-left:50px} .tb a{ height:40px; background:#990000; color: #FF...
a的分页样式
&amp;lt;div id=&quot;pagination_box&quot;&amp;gt; &amp;lt;style&amp;gt; /*---分页S---*/ #pagination_box {clear: both;overflow: hidden;height: 20px;text-align: center;margin-top: 10px;zoom: 1;line-height: 20px;} #pagination_b...
Css——<a>超链接样式
css中关于超链接的四个属性一般正常顺序为:link,visited,hover,active,即: a:link 链接平常的状态 a:visited 链接被访问过之后 a:hover 鼠标放到链接上的时候 a:active 链接被按下的时候
css a样式的问题
我有一个新闻列表,因为标题长,全部显示可能影响美观,我就使用的截取字符串,但是想鼠标放上去的时候显示新闻的完整标题,请问怎么实现?因为最近一直专心做手机开发,这块真是忘的差不多了,用a:hover实现里面怎么写代码,我觉得用jquery实现好点,谁有代码?谢谢!!
A样式小总结 经常要用到的A的样式
平时要用到A的地方很多,用的时候又临时写,麻烦,现在总结了一下A样式,平时要用到的时候就直接复制就ok了
ps样式web样式合集
ps样式web样式合集,超级经典,有200多个
Vue.js样式-style(内联样式)
从vue.js的框架安装开始讲起,讲解vue中用到的常用的语法、数据绑定、指令、条件语句、循环语句、样式绑定、事件处理、监听、表单相关以及和后台数据库的交互。
2.9 表哥样式 (表格样式)
Microsoft Office Word 从来都是流行的文字处理程序。本课程详细讲解了Word的文字排版功能,表格排版功能,图形绘制功能,图片处理功能等Word常用了功能。让你成为一个正真的Word办公高手,本教程以2016版讲解,但同样适合2010、2013的Word办公用户。
asp.netCSS样式样式狭窄工
流行音乐,静静音乐,多种音乐,流行音乐,静静音乐,多种音乐,流行音乐,静静音乐,多种音乐,流行音乐,静静音乐,多种音乐,流行音乐,静静音乐,多种音乐,流行音乐,静静音乐,多种音乐,流行音乐,静静音乐,多种音乐
相关热词 c# 标准差 计算 c#siki第五季 c#入门推荐书 c# 解码海康数据流 c# xml的遍历循环 c# 取 查看源码没有的 c#解决高并发 委托 c#日期转化为字符串 c# 显示问号 c# 字典对象池