下面提供了18道有关css的测试题,大家可以尝试做一下,一些题可以延伸深挖出很多知识点。 测试题的答案在尾部。大家可以在评论区进行讨论。 1.css区分大小写吗? ul { MaRgIn: 10px; } 这种写法是否正…
标签:css
前端面试每日3+1——第111天
今天的知识点 (2019.08.05) —— 第111天 [html] HTML如何创建分区响应图? [css] 你有用过table布局吗?说说你的感受 [js] 请用js编写一个红绿灯程序 [软技能] 淘宝、京东、百度…
JS对象之封装(二)
JS 对象封装的常用方式 1.常规封装 function Person (name,age){ this.name = name; this.age = age; } Pserson.prototype = { cons…
vue入门文章
本来想自己写一篇关于vue入门的文章。但是看到链接的文章后,觉得写得太详细了,实在有保存下来的必要。后面可能在这篇文章基础上,有所内容的增加。 CSS预处理器 定义了一种新的专门的编程语言,编译后成正常的CSS文件。为C…
前端面试题小结
前几天也是有人问我的一些问题,我觉得还是挺有了解价值的,也是一些平时开发可能比较会忽略的问题。别的不多说,直接开门见山: 1.post和get的区别? 我们都知道GET和POST是HTTP请求的两种基本方法。我相信如果有…
css 各单位距离比较
单位 em 若自身没有设置字体大小,依据父元素,若设置则计算为font-size*em rem html { font-size: 10px;} body{ font-size: 1rem;} //f…
做一个能自适应高度的textarea
方法 1. HTML结构: <div id="container"> <textarea rows="1"></textarea> </div> 2. CSS代码:…
webpack系列——实现一个行内样式px转vw的loader
需求 自从有了postcss来处理css文件,我们可以快速进行网站适配的开发,只需要改改参数,样式按照设计稿的px写,webpack编译自动转换成rem或者vw等。 但是,标签内的px怎么办呢?postcss并不提供转换…
CSS代码实现鼠标移过更换背景图片
很多时候我们都能够看到,当我们用鼠标移过去的时候,指向的图片将会变成另外一个图片。下面我就将实现该功能的代码分享出来,希望能够帮助到大家。 <!DOCTYPE html PUBLIC “-//W3C//…
vue项目直接打开dist文件夹下面的index.html文件
关于vue项目直接点击dist文件夹下面的index.html文件使项目在浏览器显示,需配置两个文件, config/index.js build: { assetsPublicPath: './', } build/u…
原生js+css 完成 material design 点击结果
近来想要在按钮上增加material design的点击结果,看了看muse-ui,纯真的想要这类结果,而要引入一些不必要的内容以为不划算,然后本身着手造了个轮子。项目地点:github 上传不了gif图只能用 JSFi…
viewport 的明白
起首 屏幕是由一个一个显现单元构成的.1 每一个显现单元都是物理天下实在存在的;2 把一个显现单元的大小称为一个’物理像素’;3 平常我们所说的 ‘分辨率’, 就是指一块屏…