社区
CSS
帖子详情
新手求助!css样式疑问
qq_34633404
2018-06-01 10:56:15
我设置的head内部样式为:
<style>
p i
{
border:1px solid purple;
}
</style>
而body的样式为
<p>
<i>p中的span</i><br/>
<i>p中的span</i>
<div>div中的<i>span</i></div>
<i>p中的span</i>
</p>
但chrome显示的样式确实这样的,为什么<div></dev>标签的子标签<i></i>里的内容和<div></div>标签后的内容都没有加边框?
...全文
533
4
打赏
收藏
新手求助!css样式疑问
我设置的head内部样式为: p i { border:1px solid purple; } 而body的样式为 p中的span p中的span div中的span p中的span 但chrome显示的样式确实这样的,为什么标签的子标签里的内容和标签后的内容都没有加边框?
复制链接
扫一扫
分享
转发到动态
举报
写回复
配置赞助广告
用AI写文章
4 条
回复
切换为时间正序
请发表友善的回复…
发表回复
打赏红包
甲乙丙75
2018-06-02
打赏
举报
回复
如在html代码中写 <p> <div></div> </p>
Logerlink
2018-06-02
打赏
举报
回复
楼上大佬说的很在理 在浏览器中会将上诉代码渲染为以下代码 所以样式自然渲染不到 <p> <i>p中的span</i><br> <i>p中的span</i> </p> <div>div中的<i>span</i></div> <i>p中的span</i> <p></p>
天际的海浪
2018-06-01
打赏
举报
回复
因为按w3c标准 p元素内不能放div等快元素 如在html代码中写 <p> <div></div> </p> 浏览器在解析时会自动纠正为 <p> </p> <div></div> <p> </p> 你可以按f12在控制台中看一下
深入理解
CSS
盒子模型
前言:前阵子在做一个项目时,在页面布局方面遇到了一点小问题,于是上stackoverflow上
求助
。ifaou在帮助我解决我问题的同时,还推荐我阅读一篇有关
CSS
盒子模型的文章《The
CSS
Box Model》,阅读之后受益匪浅,才...
【原创翻译】深入理解
CSS
盒子模型
前言:前阵子在做一个项目时,在页面布局方面遇到了一点小问题,于是上stackoverflow上
求助
。ifaou在帮助我解决我问题的同时,还推荐我阅读一篇有关
CSS
盒子模型的文章《The
CSS
Box Model》,阅读之后受益匪浅,才...
学习“写给asp.net的
新手
学习经验”
这里写自定义目录标题欢迎使用Markdown编辑器新的改变功能快捷键合理的创建标题,有助于目录的生成如何改变文本的
样式
插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、...
想做程序员却不知从何下手?
新手
入门信息打包送你!
然后,开始用
CSS
添加
样式
。想象多个类似的项目,在接下来的几天或几周的时间里练习HTML和
CSS
。 在掌握了HTML和
CSS
后,你就可以学习Javascript基础知识了。你要学习如何编写代码,比如,一个按钮单击处理程序——单击...
vue2怎么配置项目路径,创建vue2项目
css
'}引用
css
文件的方式可以采用require,比如在中require('');初始化项目新建项目目录vue2practice,npminit初始化,在中添加必要的模块如下:"devDependencies":{"vue":"^2.0.7","vue-loader":"^9.9.5","vue-...
CSS
61,112
社区成员
60,730
社区内容
发帖
与我相关
我的任务
CSS
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
复制链接
扫一扫
分享
社区描述
层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。
社区管理员
加入社区
获取链接或二维码
近7日
近30日
至今
加载中
查看更多榜单
社区公告
暂无公告
试试用AI创作助手写篇文章吧
+ 用AI写文章