html有语义标签-3.img到底是块状还是内联
时间：2023年10月20日
/来源：网络
/编辑：佚名
说明：我们在之前的学习中，知道块状元素会独占一行，内联元素不换行，内联元素不能设置width和height。
经过我们的测试发现，当你设置两个img时，他们是并排显示的，这属于内联元素的特性；但是当你设置他们的width和height时发现图片会随着我们设置的width和height而改变，这是内联元素没有的特性。我们在图片下加一个div，并且给他蓝色的边框发现div与上面的img存在一点小间隙，这就像我们之前学习的magrin值，而内联元素是没有magrin值得，我们可以设置img的marin会发现没有效果，因为img的本质就是内联元素，是特殊的内联元素（内联替换元素，替换元素是能设置宽和高的），所以不能设置magrin值。
示例代码：
css初始化及html语义标签
效果图：
css初始化及html语义标签
经过我们的测试发现，当你设置两个img时，他们是并排显示的，这属于内联元素的特性；但是当你设置他们的width和height时发现图片会随着我们设置的width和height而改变，这是内联元素没有的特性。我们在图片下加一个div，并且给他蓝色的边框发现div与上面的img存在一点小间隙，这就像我们之前学习的magrin值，而内联元素是没有magrin值得，我们可以设置img的marin会发现没有效果，因为img的本质就是内联元素，是特殊的内联元素（内联替换元素，替换元素是能设置宽和高的），所以不能设置magrin值。
示例代码：
css初始化及html语义标签
效果图：
css初始化及html语义标签
新闻资讯 更多
- 【建站知识】查询nginx日志状态码大于400的请求并打印整行04-03
- 【建站知识】Python中的logger和handler到底是个什么？04-03
- 【建站知识】python3拉勾网爬虫之（您操作太频繁，请稍后访问）04-03
- 【建站知识】xpath 获取meta里的keywords及description的方法04-03
- 【建站知识】python向上取整以50为界04-03
- 【建站知识】scrapy xpath遇见乱码解决04-03
- 【建站知识】scrapy爬取后中文乱码,解决word转为html 时cp1252编码问题04-03
- 【建站知识】scrapy采集—爬取中文乱码，gb2312转为utf-804-03
猜你需要
豫ICP备2021026617号-1
豫公网安备：41172602000185