前端基础
木的又
这个作者很懒,什么都没留下…
展开
-
前端大厂难度笔试题——JS预编译
1.求输出结果(考察AO对象) function test(a,b){ console.log(a); c = 0; var c; a = 3; b = 2; console.log(b); function b () {} function d () {} console.log(b); } test(1);生成AO对象AO{}原创 2020-05-13 11:48:19 · 924 阅读 · 1 评论 -
前端CSS基础——CSS居中方法总结
文章目录水平居中行盒(行块盒)水平居中常规流块盒水平居中定位元素的水平居中垂直定位单行文本的垂直居中多行文本的垂直居中(在块盒或者行块盒模型内)定位元素的垂直居中水平居中水平居中分为三种,一种是行盒(行块盒)模型居中,一种是常规流块盒模型居中,一种是定位元素的水平居中行盒(行块盒)水平居中在父级元素添加属性 text-align: center(行块盒同理) div{ ...原创 2020-05-08 16:54:19 · 651 阅读 · 0 评论 -
BFC——通俗理解什么是BFC
文章目录常规流布局BFC的概念BFC的创建BFC的特性BFC的应用解决高度坍塌的问题相邻父子元素外边距合并问题无视浮动盒子排序问题总结在理解BFC之前,我们需要先回顾常规流布局的概念(忘记或者还没看的小伙伴点击前端CSS基础——常规流布局)常规流布局常规流块盒独占一行常规流块盒在垂直方向依次摆放常规流块盒父子元素外边距合并常规流块盒排列无视浮动元素或者脱离常规流布局的元素常规流块盒...原创 2020-04-22 06:38:56 · 3440 阅读 · 0 评论 -
前端CSS——Web图标的使用
网页中一些特殊的小组件,比如购物车图标、用户图标、图片的左右滑轮图标等可以用背景图实现,但是背景图缓存大,加载速度会比较慢,而且不利于开发者修改图标的样式,所以可以采用另一种方式Web图标来实现在网页中的一些小图标开发。一些网页中的常见小图标先寻找对应图标登录网站阿里巴巴矢量图标库(https://www.iconfont.cn/),注册登录后,搜索需要的图标。加入购物车。例如...原创 2020-04-21 20:39:18 · 1014 阅读 · 0 评论 -
前端CSS基础——表单元素单选框的美化
我们先生成单选框 <label class="radio-item"> <input type="radio" name="a"> <span>男</span> </label> <label class="radio-item"> ...原创 2020-04-20 21:35:18 · 1764 阅读 · 0 评论 -
前端HTML进阶和CSS基础——3分钟掌握表格元素及表格元素的美化
文章目录表格元素表格元素的语义化书写定义一个表格元素表格元素的美化表格元素当今的开发中表格元素应用得并不多,属于比较老的一个元素,但在CSS出现之前,整个网页的布局通常都是用表格元素来实现的。之所以现在应用不多,是因为表格元素的渲染速度过慢,不适合当前的网页布局。但表格元素也不是完全被淘汰,在一些网页的后台页面(管理员页面)还是用表格元素布局得比较多(方便)。下面用实例来快速了解表格元素。表...原创 2020-04-20 18:49:11 · 992 阅读 · 0 评论 -
前端CSS基础——定位布局
文章目录定位布局相对定位绝对定位固定定位固定定位与绝对定位的居中定位布局定位布局:手动控制元素在包含块中的精准位置定位布局的属性:positionposition:static(默认值,不定位)position:relative(相对定位)position:absolute(绝对定位)position:fixed:(固定定位)只要元素加上属性positi...原创 2020-04-12 23:49:06 · 767 阅读 · 0 评论 -
前端CSS基础——浮动布局与高度坍塌
文章目录浮动布局浮动的特点盒子的尺寸高度坍塌高度坍塌的问题高度坍塌的解决方法浮动布局浮动布局是CSS布局中的三大布局方式之一,也是页面开发中常用的布局,经常应用于文字环绕与横向排列中,在大部分网页中的横向排列都是用浮动实现的,例如横向排列文字环绕浮动的特点要将元素变成浮动盒子,只需要修改float属性即可left:左浮动,元素靠上靠左排列right:右浮动,元素靠上...原创 2020-04-11 23:45:42 · 894 阅读 · 0 评论 -
前端CSS基础——常规流布局
文章目录常规流块盒的取值问题上下边距的合并问题常规流的简单练习常规流常规流又称为文档流,是页面布局规则之一,所有元素在默认情况下都是常规流布局,它的总体规则是块盒独占一行,行盒水平依次排列。在了解常规流布局前,需要引入一个概念,包含块。包含块在绝大部分情况下,包含块指父类元素的内容盒content-box,每个盒子都有它的包含块,包含块决定了盒子之间的排列次序.块盒块盒一般指子...原创 2020-04-10 11:34:24 · 692 阅读 · 0 评论 -
前端CSS基础——行盒模型与行块盒模型
文章目录行盒模型行盒模型的盒子属性行块盒什么是行块盒行块盒的简单应用实现网页的分页行盒模型行盒模型是display属性为inline的元素,常见的行盒元素有a、span、strong、em、video、audio、img等。行盒模型与块盒模型的不同特点有:行盒模型不独占一行,块盒模型独占一行。块盒模型可对上下左右方向进行填充,行盒模型只能对水平方向进行填充。行盒模型无法设置宽高,只能...原创 2020-04-08 18:42:24 · 1498 阅读 · 0 评论 -
前端CSS基础—盒模型
盒模型基础盒子模型的重要性什么是盒模型盒子的组成部分1.内容2.内边距3.边框4.外边距开发实用技巧1)div的宽高问题2)背景的覆盖问题3)溢出处理4)溢出处理的简单应用盒子模型的重要性盒子模型是CSS中最重要的知识点之一,它是一个非常重要的知识点,如果没有理解好盒子模型的概念,那么在以后的网页设计开发中没有办法布局出一个优美的网页,它是你接下来学习布局的基础。什么是盒模型盒模型是CSS...原创 2020-04-08 17:48:36 · 696 阅读 · 0 评论