以下是为您整理出来关于【css 面试题】合集内容，如果觉得还不错，请帮忙转发推荐。
前几天面试时有道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的置标语...
前言：这篇随笔是为了准备后面的面试而整理的，网上各种面试题太多了，但是我感觉很多太偏了，而且实际开发过程中并不会遇到，因此这里我整理一些比较常用的，或者是相对比较重要的知识点，每个知识点都会由浅入深，把相关的都放在一起，便于自己复习，感兴趣的朋友也可以一起学习收藏。（此篇非100%原创，因为收集一些代码示例的时候，我会直接截图，因为只是整理复习） 一，CSS Box相关（基本都会问这题，必考） 1，怎么理解CSS里...
css面试题 1、谈谈你对CSS布局的理解常见的布局方式：固定布局、流式布局、弹性布局、浮动布局、定位布局、margin和padding2. 请列举几个清除浮动的方法 （1）使用clear属性 <div style="clear:both"></div>（2）使用br标签和其自身的HTML属性 <br clear="all" />（3）通过设置父元素的样式，实现清除浮动，例如： 父元素设置 overflow:hidden父元素设置 overflow:auto父元素设置 display:table父元素也设置浮动样式 （4）使用 :af...
1.XML和HTML有什么不同 一、基础语言不同 1、XHTML是基于可扩展标记语言（XML）。 2、HTML是基于标准通用标记语言（SGML）。 （HTML最大的特点是简单性和跨平台性） 二、语法严格程度不同 1、XHTML语法比较严格，存在DTD定义规则。 2、HTML语法要求比较松散，这样对网页编写者来说，比较方便。 三、可混合应用不同 1、XHTML可以混合各种XML应用，比如MathML、SVG。 2、HTML不能混合其它XML应用。 四、大小写敏感度不同 1、XHTML对大...
css div 垂直水平居中，并完成 div 高度永远是宽度的一半（宽度可以不指定） <!DOCTYPE html> <html lang="en"><head><meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0" /><title>Document</title><style>* {margin: 0;padding: 0;}html,body {width: 100%;height: 100%;}.outer {width: 400px;height: 100%;background: blue;margin: 0 auto;display: flex;align-items: center;}....
一，盒模型 ??说到 CSS 布局这块的内容，首当其冲的就是我们的盒模型宽度计算问题，在开始我们的问题之前，我们首先要搞懂这些概念：盒模型里面的内容(content): 也就是实实在在要展现的内容，比如 P 标签里面的文字。在没有设置box-sizing: border-box之前我们可以把它的宽度理解为就是width的值，不包括padding和border 盒模型的内边距(padding): 是内容与边框内部之间的距离 盒模型的边框(border): 边框也可以设置宽度 盒模型的...
一，relative、absolute 的区别 ??我们还是来说常见的地方。首先就是relative,absolute的区别：relative是依据自身来定位的 absolute则是依据离其最近一层的定位元素来定位的。最近一层，指的就是包裹着它的最近的一层父元素或以上层级。如果没有定位元素，那么就依据body来定位二，水平居中 ??我们来按照元素的种类来区分：inline 元素：设置text-align: center即可 block 元素：设置margin: auto即可 absolute 元素：设置left：5...
??图文样式这，我们挑了一个最常见的来说：line-height继承问题。从三个方面来考虑： 如果是具体的数值，则继承该数值 body{font-size:32px;line-height:40px; }.container{font-size:16px;line-height:???/*40px*/ } 如果是比例的数值(类似 1.2 2.3 这种)，则继承该比例 body{font-size:32px;line-height:1.2; }.container{font-size:16px;line-height:???/*16*1.2=19.2px*/ } ??然后就是需要注意的地方了。 如果是百分比(100% 20...
本文主要为大家分享一篇关于CSS的面试题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧。1 上下margin重合的问题在重合元素外包裹一层容器，并触发该容器生成一个BFC。例子：<p class="aside"></p> <p class="text"><p class="main"></p> </p> <!--下面是css代码-->.aside {margin-bottom: 100px; width: 100px;height: 150px;background: #f66;}.main {margin-top: 100px;height: 200px;background: #fcc;}....