CSS面试题CSS3新增了那些特性？完整链接CSS3实现圆角:border-radius盒子阴影：box-shadow文本阴影：text-shadow渐变：gradient变化：transform新增加很多CSS伪类选择器 ：not选择器 ：empty选择器 ：root选择器 ：target选择器 ：selection选择器 以下的选择器的说明介绍里有个词叫“一组”。他的意思就是同一父元素下所有元素及文本节点，即为一组。 ：nth-of-type(n) ：nth-last-of-type(n) ：first-of-type ：last-of-type ：on...
左侧宽固定200，高度自适应，右侧的框宽度都自适应<style> * { margin: 0; padding: 0; } html { height: auto; } body { margin: 0; padding: 0; } #container { background: #ffe3a6; } #wrapper { display: inline-block; border-left: 200px solid #d4c376;/*==此值等于左边栏的宽度值==*/ position: relative; vertical-a...
很多面试题是我自己面试BAT亲身经历碰到的。整理分享出来希望更多的前端er共同进步吧，不仅适用于求职者，对于巩固复习前端基础更是大有裨益。 而更多的题目是我一路以来收集的，也有往年的，答案不确保一定正确，如有错误或有更好的解法，还请斧正。 前面几题是会很基础，越下越有深度。 附上第一篇：BAT及各大互联网公司2014前端笔试面试题--JavaScript篇 Html篇： 1.你做的页面在哪些流览器测试过？这些浏览器的...
前几天面试时有道css题没做出来，回来好好学习一番后把其记录下来。 题目是这样的：左中右三栏布局，左右两栏宽度固定，左右两栏的宽度为200像素，中间栏宽度自适应。当屏幕小于600px时，3栏会分别占用一行。像这样当屏幕大于600px时，是这样 我做出来用了css3的@media，如果不用这个，好吧，水平有限想不出来。。。下面是代码：<!DOCTYPE> <html> <head> <style> body{margin: 0 ;padding: 0; } @media screen and (min-wi...
1.对WEB标准以及W3C的理解与认识 标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、结构行为表现的分离、文件下载与页面速度更快、内容能被更多的用户所访问、内容能被更广泛的设备所访问、更少的代码和组件，容易维护、改版方便，不需要变动页面内容、提供打印版本而不需要复制内容、提高网站易用性; 2.xhtml和html有什么区别 HTML是一种基本的WEB网页设计语言，XHTML是一个基于XML的置标语...
Flex布局常见父项的属性：●flex-direction :设置主轴的方向Row 默认值从左到右row-reverse 从右到左column 从上到下column-reverse 从下到上●justify-content :设置主轴上的子元素排列方式flex-start 默认值从头部开始 如果主轴是x轴，则从左到右flex-end 从尾部开始排列（但元素的顺序还是从左到右）center 在主轴居中对齐(如果主轴是x轴则水平居中)space- around 平分剩余空间space – between 先两边贴边再平分剩余空间(重要)...
5.css盒模型：CSS 框模型 (Box Model) 规定了元素框处理元素内容、内边距、边框 和 外边距 的方式原文：https://www.cnblogs.com/menghan94/p/10436460.html
前言：这篇随笔是为了准备后面的面试而整理的，网上各种面试题太多了，但是我感觉很多太偏了，而且实际开发过程中并不会遇到，因此这里我整理一些比较常用的，或者是相对比较重要的知识点，每个知识点都会由浅入深，把相关的都放在一起，便于自己复习，感兴趣的朋友也可以一起学习收藏。（此篇非100%原创，因为收集一些代码示例的时候，我会直接截图，因为只是整理复习） 一，CSS Box相关（基本都会问这题，必考） 1，怎么理解CSS里...
【面试 · 回看】?HTML&CSS面试高频考点（一）?HTML&CSS面试高频考点（二）?HTML&CSS面试高频考点（三）16. CSS动画@keyframes规则用于创建动画为兼容有的浏览器，需要加上前缀：@keyframes myfirst { from {background: red;} to {background: yellow;} }@-moz-keyframes myfirst /* Firefox */ { from {background: red;} to {background: yellow;} }@-webkit-keyframes myfirst /* Safari 和 Chrome */ { from {background: red;...
题目点评三角形的图标在网页设计是很常见的，属于基本常识题，只要在练习做到过这个功能都能回答出来，可以把你做过的思路描述出来就可以了，本题的难易程度为简单650) this.width=650;" src="/upload/getfiles/default/2022/11/8/20221108053939669.jpg" title="QQ图片（十八）1.20170422100210.png" />650) this.width=650;" src="/upload/getfiles/default/2022/11/8/20221108053940092.jpg" title="QQ图片（十八）2.20170422...
什么是CSS盒子模型页面上的每个元素都被浏览器看做是一个矩形的盒子。由内容、填充、边框、边界组成。什么是 css sprite将多个图片拼接在一个图片中，通过background-position和元素尺寸调节显示想要的背景的方案。优点： 减少HTTP请求数，加快页面加载速度。提高压缩比、减少图片大小更换风格方便，只需在一张或者几张图片上修改颜色或者样式即可。缺点： 图片合并麻烦维护麻烦，修改一个图片可能需要重新布局整个图片、样式displ...
该文章为译文，这是原文地址。 1.什么是 flex 布局和 grid 布局？分别在什么时候使用？Flex 布局和 grid 布局都是创建网页布局的好方法。但是，面试官想知道的是两者的主要区别：它们具有哪些功能和更强大灵活的功能？以及应该在何时使用？Flex 布局是 1D。这意味着使用 flex 布局可以操作行或列，但只能同时操作行和列中的任意一个。在 grid 布局中，您可以同时操作行和列。grid 布局功能非常强大，因为它具有许多强大而有用的特...
blueredblackinherit, initial, unset, revert（截止目前 revert 仅Firefox，Safari浏览器支持）allImportanceSpecificitySource order覆盖该属性的所有计算规则原文：https://www.cnblogs.com/andrew-chen/p/12191245.html
接下来要参与大大小小的暑期实习笔试和面试。在这篇博客里我将总结一些常见的面试题。其中有一部分是我去年暑假找实习的时候总结的。现在看来，不免有些幼稚。慢慢完善吧！ JavaScript Q：JS中的闭包 A：闭包从本身在函数式编程中的概念来说，说的是在定义函数时的两部分-函数体和函数的 context，也就是函数定义时的上下文。里面保存着作用域中的变量，函数的定义和赋值。 而我们平时说的闭包，其实是创建对于这个上...
这是我在一家公司面试时遇到的问题，当时没有答上来！！所以看到的小伙伴一定要注意了！！变化浏览器宽度可看到效果：左 右 中然后我们来看看代码： 第一种方法：（浮动）<style type="text/css">.left,.right,.center{border:1px solid;height:100px;text-align: center;line-height:100px;font-size:50px;}.left{float:left;width:100px;}.right{float:right;width:100px;}.center{margin:0 100px;} </style> <div><div class="l...