前言
你要问前端开发难不难,我就得说计算机领域里常说的一句话,这句话就是『难的不会,会的不难』,对于不熟悉某领域技术的人来说,因为不了解所以产生神秘感,神秘感就会让人感觉很难,也就是『难的不会』;当学会这项技术之后,知道什么什么技术能做到什么做不到,只是做起来花多少时间的问题而已,没啥难的,所以就是『会的不难』。
正文
什么是行内元素?
display属性为inline的元素为行内元素,英文:inline element,其中文叫法有多种,如:内联元素、内嵌元素、行内元素、直进式元素等。
特点:
- 和其他元素都在一行上;
- 高度、行高和顶以及底边距都不可改变;
- 宽度就是它的文字或图片的宽度,不可改变。
总的来说,行内元素一般都是基于语义级(semantic)的基本元素,它只能容纳文本或者其他行内元素,通常被包括在块元素中使用,常见内联元素有“a、b、br”等。
行内元素该如何使用?
- 行内元素会在一条直线上排列,在同一行从左至右水平排列。直到一行排不下,才会换行。
- 行内元素设置宽、高、margin上下、padding上下无效(竖直无效)。
- 行内元素设置line-height,margin左右、padding左右有效(水平有效)。
- 行内元素的宽高随标签里的内容而变化。
常用的行内元素
元素 | 作用 |
---|---|
<a> |
锚点 |
<b> |
字体加粗 |
<big> |
大号字体 |
<br> |
换行 |
<em> |
定义为强调的内容 |
<i> |
斜体文本效果 |
<img> |
图像 |
<input> |
输入框 |
<label> |
标签为input元素的标注 |
<select> |
单选或多选菜单 |
<small> |
小号字体 |
<span> |
组合文档的行内元素 |
<strong> |
强调内容 |
<sub> |
定义下标 |
<sup> |
定义上标 |
<textarea> |
多行文本输入框 |
ES6
-
列举常用的ES6特性:
-
箭头函数需要注意哪些地方?
-
let、const、var
-
拓展:var方式定义的变量有什么样的bug?
-
Set数据结构
-
拓展:数组去重的方法
-
箭头函数this的指向。
- 手写ES6 class继承。
开源分享:【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】
微信小程序
-
简单描述一下微信小程序的相关文件类型?
-
你是怎么封装微信小程序的数据请求?
-
有哪些参数传值的方法?
-
你使用过哪些方法,来提高微信小程序的应用速度?
-
小程序和原生App哪个好?
-
简述微信小程序原理?
-
分析微信小程序的优劣势
- 怎么解决小程序的异步请求问题?