我是新手,这段html代码是什么意思?
<head><metahttp-equiv="Content-Type"content="text/html;charset=utf-8"/><!--世界通用字符集-->...
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!--世界通用字符集-->
<style type="text/css">
.header{width:100px;height:30px;margin:2px auto;}<!--页面上的标题:相似脸搜索-->
.header-p{width:200px;line-height:30px;font-size:18px;margin:0 auto;}
</style>
</head>
<body>
<div class="header">
<p class="header-p">我是页面标题</p>
</div>
</body>
不明白这个header和header-p的关系是什么?请讲详细一点,谢谢 展开
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><!--世界通用字符集-->
<style type="text/css">
.header{width:100px;height:30px;margin:2px auto;}<!--页面上的标题:相似脸搜索-->
.header-p{width:200px;line-height:30px;font-size:18px;margin:0 auto;}
</style>
</head>
<body>
<div class="header">
<p class="header-p">我是页面标题</p>
</div>
</body>
不明白这个header和header-p的关系是什么?请讲详细一点,谢谢 展开
3个回答
展开全部
这是两个样式。
.header{width:100px;height:30px;margin:2px auto;}
这个的意思是:指定<div class="header">这个div宽度100px,高度30px,除了上外边距是2px,其他是自动
.header-p{width:200px;line-height:30px;font-size:18px;margin:0 auto;}
意思:指定<p class="header-p">这个div宽度200px,行高30px,字体大小18px,上外边距0,其他外边距自动
.header{width:100px;height:30px;margin:2px auto;}
这个的意思是:指定<div class="header">这个div宽度100px,高度30px,除了上外边距是2px,其他是自动
.header-p{width:200px;line-height:30px;font-size:18px;margin:0 auto;}
意思:指定<p class="header-p">这个div宽度200px,行高30px,字体大小18px,上外边距0,其他外边距自动
2014-12-25
展开全部
这只是两个css选择器的名字而已,没什么特别的意义。之所以写成header和header-p只为了方便区分。第二个选择器是第一个里面的。
你完全可以把header和herder-p换成其他的名字,比如说换成:one和two。在下面调用的时候一样换成这两个。
这样更容易让你理解。
你完全可以把header和herder-p换成其他的名字,比如说换成:one和two。在下面调用的时候一样换成这两个。
这样更容易让你理解。
追问
为什么我更改header-p里面的字体大小为14px,刷新后还是没有变化呢?
追答
可以修改字体大小的,你再试一下。检查一下代码
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
.header 类是确定引用该类的div标签的样式
.header-p 类是确定引用该类的p标签的样式
在这里他们之间并没有什么关系,是相对独立的
.header-p 类是确定引用该类的p标签的样式
在这里他们之间并没有什么关系,是相对独立的
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询