html——置换元素和非置换元素
2018-03-23 14:14
645 查看
刚刚接触html的伙伴们听这两个名字就很懵
很简单,先来一个问题。什么是行内元素?什么是块级元素?
一般我们都会答:行内元素不能设置宽高,不会新起一行,行内元素只能包含数据或者行内元素,不能设置上下margin等等。块级元素当然,能够新起一行,能够设置宽高,margin,并且可以包含块级元素,行内元素和数据。
好的,没问题,那么再问:
img是行内元素吗?马上回答,是的。
那么img能够设置宽高吗?有点基础的都会说可以吧,但是等等,上面说过什么了,行内元素不是不能设置宽高吗???
所以选择闭嘴了...
其实这里就牵扯到置换元素和非置换元素。
置换元素官方w3c解释:
“An elementthat is outside the scope of the CSS formatter, such as an image,embedded document, or applet”
其实这里就牵扯到置换元素和非置换元素。翻译过来就是说,一个元素,默认有css格式化外表范围的元素。其实是拥有内在尺寸,这些元素性质同行内元素设置了inline-block一样。
置换元素有: img select input textarea label button
非置换元素呢,当然不是置换元素就是非置换元素了...
很简单,先来一个问题。什么是行内元素?什么是块级元素?
一般我们都会答:行内元素不能设置宽高,不会新起一行,行内元素只能包含数据或者行内元素,不能设置上下margin等等。块级元素当然,能够新起一行,能够设置宽高,margin,并且可以包含块级元素,行内元素和数据。
好的,没问题,那么再问:
img是行内元素吗?马上回答,是的。
那么img能够设置宽高吗?有点基础的都会说可以吧,但是等等,上面说过什么了,行内元素不是不能设置宽高吗???
所以选择闭嘴了...
其实这里就牵扯到置换元素和非置换元素。
置换元素官方w3c解释:
“An elementthat is outside the scope of the CSS formatter, such as an image,embedded document, or applet”
其实这里就牵扯到置换元素和非置换元素。翻译过来就是说,一个元素,默认有css格式化外表范围的元素。其实是拥有内在尺寸,这些元素性质同行内元素设置了inline-block一样。
置换元素有: img select input textarea label button
非置换元素呢,当然不是置换元素就是非置换元素了...
参考:
徐涛的博客: http://blog.sina.com.cn/s/blog_4c81e6230101e29u.html相关文章推荐
- HTML中的置换元素与非置换元素
- HTML中的置换元素(替换元素)和非置换元素(不可替换元素)
- HTML置换元素与非置换元素
- 关于HTML中的置换与非置换元素
- 于鹏:置换元素和非置换元素
- 置换元素(替换元素)和非置换元素(不可替换元素)
- HTML中置换元素和非置换元素
- 使用java的html解析器jsoup和jQuery实现一个自动重复抓取任意网站页面指定元素的web应用
- 用html中img元素画横竖直线的方法
- 【Jave】Java解析html页面的元素Element——获取下拉框中的值和文本selected-option
- html 常用元素
- 访问 HTML中元素的方法
- HTML与CSS基础之子元素的伪类(七)
- 获取HTMl文件制定的元素
- 用 HTML 元素实现自定义的滚动条
- HTML自学之旅(一)基本元素与属性练习(自写代码)
- jQuery .html()用为读取和修改元素的HTML标签 对应js中的innerHTML[通过ID获取元素]
- HTML header元素的应用
- HTML的表单元素和input元素
- HTML行为元素和块级元素及语义化