前端面试题之css

【前端面试题之css】的更多相关文章

web前端面试题HTML/CSS部分

web前端面试题HTML/CSS部分前端页面有哪三层构成,分别是什么?作用是什么? 1.结构层:由 HTML 或 XHTML 之类的标记语言负责创建,仅负责语义的表达.解决了页面“内容是什么”的问题. 2.表示层:由CSS负责创建,解决了页面“如何显示内容”的问题. 3.行为层:由脚本负责.解决了页面上“内容应该如何对事件作出反应”的问题. css的基本语句构成是什么? 选择符{属性1:值1;属性2:值2;...}等. 主流的浏览器分别是什么内核? IE:Trident内核 Mozilla F…

前端面试题：CSS实现水平垂直居中

这是一个挺常见的前端面试题,但是没有做过总结.有的时候可能会使用完了,很长一段时间不去使用,会慢慢忘记.所以,温故而知新,还是很有必要的. 一.绝对定位元素的居中实现这一种工作中用的应该是最多的,兼容性也是很好. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" conte…

[WEB面试题] web前端面试题HTML+CSS第一弹，个人整理部分面试题汇总

以下内容仅供参考,网络整理而来 1.XHTML和HTML是什么有什么不同的区别 HTML是一种基本的WEB网页设计语言 XHTML可扩展超文本标记语言,是一种置标语言,表现方式与超文本标记语言(HTML)类似,不过语法上更加严格XHTML 元素必须被正确地嵌套.XHTML 元素必须被关闭.标签名必须用小写字母.XHTML 文档必须拥有根元素. 2.常见浏览器的内核分别有哪些? Trident内核代表产品Internet Explorer,又称其为IE内核 Gecko内核代表作品Mozilla F…

前端面试题（css）

css 基础面试题 css 面试题 js 面试题 1.介绍下CSS的盒子模型介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的? css 是如何设置这两种模型的 box-sizing: border-box; width 不包含padding 和border box-sizing: content-box; css 3 伸缩盒模型弹性盒模型 27 base64的原理及优缺点优点可以加密,减少了HTTTP请求缺点是需要消耗CPU进行编解码 45 水平居中的方法元…

前端面试题：css相关面试题

CSS 选择器中,元素选择器和类选择器的区别是什么? 元素选择器是最常见的 CSS 选择器,即,文档的元素就是最基本的选择器.选择器通常是某个 HTML 元素,比如 <p>.<h1>.<em>.<a>等,甚至可以是 <html> 元素本身. 类选择器用于将样式规则与附带 class 属性的元素匹配,其中该 class 属性的值为类选择器中指定的值.使用类选择器时,首先需要定义样式类,其语法为: .className { } 所有能够附带 clas…

1.请列出几个具有继承特性的css属性 font-family font-size color line-height text-align text-indent 2.阐述display:none和visibility:hidden的区别 display:none隐藏元素,元素在文档布局中不占空间,不能设置元素的高度. visibility:hidden隐藏元素,元素在文档布局中仍保留空间,能设置元素的高度. 3.请列出display属性常用值,并说明其作用 display:bloc…

前端面试题-HTML+CSS

引用GitHub 上 ltadpoles的前端面试 https://github.com/ltadpoles HTML部分 1. Doctype作用,HTML5 为什么只需要写<!DOCTYPE HTML> doctype是一种标准通用标记语言的文档类型声明,目的是告诉标准通用标记语言解析器要使用什么样的文档类型定义(DTD)来解析文档. <!DOCTYPE>声明必须是HTML文档的第一行,位于html标签之前. HTML5不基于SGML,所以不需要引用DTD. 在HTML5中&l…

前端面试题归类-css

一.说下盒模型? 有两种盒模型,W3C盒模型和IE盒模型通常说的"IE盒子模型"指的是IE5.5,IE6及其以后,盒模型都为 content-box当浏览器未设置<!doctype>声明时,盒模型都为 border-box通过 css3 的box-sizing属性,可以更改元素的盒子模型标准 W3C 盒子模型的范围包括 margin.border.padding.content,并且 content 部分不包含其他部分.标准盒模型 box-sizing: content-…

前端面试题归类-css的flex相关

Flex布局常见父项的属性: ●flex-direction :设置主轴的方向 Row 默认值从左到右 row-reverse 从右到左 column 从上到下 column-reverse 从下到上 ●justify-content :设置主轴上的子元素排列方式 flex-start 默认值从头部开始如果主轴是x轴,则从左到右 flex-end 从尾部开始排列(但元素的顺序还是从左到右) center 在主轴居中对齐(如果主轴是x轴则水平居中) space- around 平分剩余空间 s…

某一线互联网公司前端面试题总结css部分

1,css3选择器 :not(selector) 选择页面内所有type!=text的类型: input:not([type=text]){ color: red; font-weight: bold; } 2,选择p紧邻的a元素 p+a{ color: red; } 3,Meta标签中的apple-mobile-web-app-capable属性及含义这meta的作用就是删除默认的苹果工具栏和菜单栏. content有两个值”yes”和”no”,当我们需要显示工具栏和菜单栏时,这个行…