为了账号安全,请及时绑定邮箱和手机立即绑定

关于p标签和span标签

童鞋们,怎么给p标签和span标签里面的内容设置样式?还有是不是所有的标签都能设置样式?

<!DOCTYPE HTML> <!--声明文档为html格式-->

<html>

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<meta http-equiv="Refresh" content="10;URL=https://www.zhihu.com/people/joseph-6">


<title>了不起的盖茨比</title>

<stytle>

p{

font-size: 6px;

color: yellow;

}

</stytle>

</head>

<body>

    <h1>了不起的盖茨比</h1>

    <p>1922年的春天,一个想要成名名叫<em>尼克•卡拉威</em>(托比•马奎尔Tobey Maguire 饰)的作家,离开了美国中西部,来到了纽约。那是一个道德感渐失,<em>爵士乐</em>流行,走私为王,股票飞涨的时代。为了追寻他的<span>美国梦</span>,他搬入纽约附近一海湾居住

</p>

<p>菲茨杰拉德,二十世纪美国文学巨擘之一,兼具作家和编剧双重身份。他以诗人的敏感和戏剧家的想象为<strong>"爵士乐时代"</strong>吟唱华丽挽歌,其诗人和梦想家的气质亦为那个奢靡年代的不二注解。</p>

</body>

</html>


在代码里面我是这样写的,但是运行的时候后就出问题了

如下图

http://img1.sycdn.imooc.com//57b06dc70001d49313550721.jpg


正在回答

4 回答

p,span{
/*这里书写你所需要声明的样式就行了*/
}
0 回复 有任何疑惑可以回复我~
#1

墨小漓 提问者

thank you 思密达,麻烦再帮看看
2016-08-14 回复 有任何疑惑可以回复我~
#2

我不知道叫什么好 回复 墨小漓 提问者

问题在这里, <stytle> p{ font-size: 6px; color: yellow; } </stytle> 这是粘贴你结构的写法,style写错了
2016-08-14 回复 有任何疑惑可以回复我~
#3

墨小漓 提问者 回复 我不知道叫什么好

哦哦,我太大意了
2016-08-14 回复 有任何疑惑可以回复我~

创建一个css文件 在里面写上 

p,span   { /*写你的内容设置样式*/  }

在html文件里(最好是head中)写<link rel="stylesheet" type="text/css" href="xx.css"> 

就ok啦

我还没有学完 不知道是不是所有的标签都能设置样式 应该都可以吧

0 回复 有任何疑惑可以回复我~
#1

墨小漓 提问者

嗯嗯,谢谢回答。我也是刚开始学,一起努力吧。
2016-08-14 回复 有任何疑惑可以回复我~

<p> 标签定义段落。 p 元素会自动在其前后创建一些空白。span标签是被用来组合文档中的行内元素。span 没有固定的格式表现。当对它应用样式时,它才会产生视觉上的变化。span标签是被用来组合文档中的行内元素。

0 回复 有任何疑惑可以回复我~

p{}  /*设置段落的样式,同时设置了span标签会继承部分的样式*/

p span{}/*想要设置与p标签不同的样式*/

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消

关于p标签和span标签

我要回答 关注问题
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号