web前端入门到实战：HTML/CSS - 块级非块级 & 替换非替换

块级元素的特点:在浏览器显示时，独占一行,默认情况下，其宽度自动填满其父元素宽度；可以设置width，height属性；可以设置margin和padding属性；块级元素包含：内联元素的特点：内联元素包含：我们在刷题的时候会遇到一个这样的题：eg1: 浏览器天生默认inline-block元素有哪些？（拥有内在尺寸，可以设置高度，但是不会自动换行。）eg2: 请选出所有的置换元素（）这就引出了我们接下来要讲的替换元素和不可替换元素替换元素浏览器根据元素的标签和属性，来决定元素的具体显示内容。替换元素一般有内在尺寸，所以具有width和height。所以替换元素也可增加行框高度，但不影响line-height,内容区高度值 = padding-top + padding-bottom + margin-top + margin-bottom + height。 要想替换元素居中，可以设置line-height = height， vertral-align = middle。常见的替换元素有html中的<img>、<input>、<textarea>、<select>、<object>。eg1: <input type="submit" name="submit" value="提交"/><input>标签是根据type属性来决定是显示输入框，还是提交按钮等等。eg2: <img src="helloWord.jpg"/><img>元素通过src属性的值来读取图片信息并显示出来，而如果查看html代码，却看不到图片的实际内容，而且<img>元素的内容通常会被src属性指定的图像替换掉；eg3:<object> 元素<object> 元素（或者称作 HTML嵌入对象元素）表示引入一个外部资源，这个资源可能是一张图片，一个嵌入的浏览上下文，亦或是一个插件所使用免费云主机、域名的资源。也有某些元素只在一些特殊情况下表现为可替换元素，例如<video>、<audio>、 <picture>和 <canvas>。 通过 CSS content 属性来插入的对象被称作匿名可替换元素（anonymous replaced elements）。html 的大多数元素是不可替换元素，即其内容直接表现给用户端不可替换元素web前端开发学习Q-q-u-n：784783012 ，分享学习的方法和需要注意的小细节，不停更新最新的教程和学习方法
（详细的前端项目实战教学视频，PDF）width和height在行内非替换元素中无效。行内非替换元素框的宽度是它的内容渲染后（在任何子元素相对偏移之前）的宽度，它的高则是基于字体。如<a>、<span>是行内非替换元素 ，但是浮动后的行内非替换元素可以使用width和height。

相关推荐: javascript如何获取文本框的内容

小编给大家分享一下javascript如何获取文本框的内容，相信大部分人都还不怎么了解，因此分享这篇文章给大家免费云主机、域名参考一下，希望大家阅读完这篇文章后大有收获，下面让我们一起去了解一下吧！ javascript获取文本框内容的方法：1、利用value…