`
msn877763580
  • 浏览: 81156 次
  • 性别: Icon_minigender_1
社区版块
存档分类
最新评论

理解CSS的区块

    博客分类：
  • CSS
 
阅读更多

下面一段Html & Css代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<link rel="stylesheet" type="text/css" href="style/basic.css" />
<title>理解区块</title>
<style type="text/css">
#condition{
	background:orange;
	border:1px solid black;
	padding:20px;
}
.box{
	border:1px solid black;
	margin:10px;/*外边距，上下左右空10px*/
	padding:10px/*内边距，上下左右空10px*/
}
#condition p{
color:blue;
}
.box p{
color:red;
}
</style>
</head>
<body>
	<div id="condition">
		<p>理解区块的测试</p>
		<div class="box">
		<p>子div1</p>
		</div>
		<div class="box">
		<p>子div2</p>
		</div>
	</div>
</body>
</html>

 

思考为什么子div2的颜色没有变成红色？



 

  • 大小: 40.5 KB
分享到：
| 学习spring的一点代码：对象注入的方式
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    编写跨浏览器兼容的 CSS 代码

    如果你想实现不需要很多奇巧淫技的跨浏览器兼容的 CSS 代码，透彻地理解 CSS 盒子模型是首要事情，CSS 盒子模型并不难，且基本支持所有浏览器，除了某些特定条件下的 IE 浏览器。 CSS 盒子模型负责处理以下事情: 一...

    CSS样式大全.docx

    包含字体属性、背景属性、区块属性、方框属性、列表属性、定位属性、符号属性、连接属性、框线一览、表单运用、边界样式及IE兼容

    HTML5与CSS3基础教程（第8版）高清文字

    3.9　定义区块　45 3.10　指定附注栏　46 3.11　创建页脚　50 3.12　创建通用容器　53 3.13　使用ARIA改善可访问性　56 3.14　为元素指定类别或ID名称　59 3.15　为元素添加title属性　61 3.16　添加注释　62...

    HTML网站源码-个性信息区块响应式网页模板-适配移动端&PC端.zip

    同时，我们的代码结构清晰、注释详细，方便您学习和理解HTML、CSS和JavaScript等前端技术。您可能面临着课程设计、毕业设计等挑战。这套源代码文件将成为您的得力助手，帮助您展示自己的才华和技能。通过使用这套源...

    详解CSS中的栅格系统

    说到栅格系统（grid system），你也许见过这样的概念： ...可以看到，一个页面可以拆分成多个区块来理解，而正是这些区块共同构成了这个页面的布局。根据不同的屏幕尺寸情况，调整这些区块的排版，就可以实现响应

    蝉知企业门户系统2.4版

    13、前端优化：将treeview.js和treeview.css打包到all.css和all.js中 14、将前台每个列表页面默认记录数改成从配置项获取 15、附件列表不再显示编辑器上传的图片 16、优化评论和留言列表的样式 17、去掉论坛主题里面...

    HTML5与CSS3基础教程（第8版）中文高清版

    3.9 定义区块 ........................................45 3.10 指定附注栏 ..................................46 3.11 创建页脚 ......................................50 3.12 创建通用容器 .....................

    trybe-exercises:我在 Trybe 接受 Web 开发人员培训期间解决的练习

    Trybe - 练习包含开发的所有活动，我在... Git & GitHub - 理解命令 2.3 - 互联网 - 了解它是如何工作的第 3 块： 3.1 - 简介 - HTML & CSS 3.1 - HTML & CSS - 页面结构 3.2 - HTML & CSS - CSS 入门 3.3 - HTML & CS

    Trybe_exercises:在 Trybe 课程中完成的练习

    尝试该存储库包含 在学习期间开发的所有学习活动 :rocket: ... 2-2：理解命令 2-3：互联网 - 了解它是如何工作的块3：简介-HTML和CSS 3-1： HTML和CSS-页面结构 3-2: HTML & CSS - CSS 入门 3-3: HTML & CSS - 选择

    rar压缩软件.rar

    从 html.rar 压缩文件中解压所有 *.css 文件到 css 文件夹，不包括存 档的路径。多个文件有相同的名称时自动重命名解压的文件。 f 更新压缩文件中的文件。 更新打包到压缩文件后被改变的文件。这个命令不 向...

Magicbox
Global site tag (gtag.js) - Google Analytics