CSS 1. 谈谈你对CSS布局的理解 常见的布局方式:固定布局、流式布局、弹性布局、浮动布局、定位布局、margin和padding 2. 请列举几种可以清除浮动的方法(至少两种) 浮动会漂浮于普通流之上,像浮云一样,但是只能左右浮动。正是这种特性,导致框内部由于不存在其他普通流元素了,表现出高度为0(高度塌陷)。 a. 添加额...
2,面试题之 CSS 篇 1,介绍一下 CSS 的盒子模型 2,CSS3新特性 3,Flex弹性布局 4,CSS选择器和优先级 5,伪元素和伪类的区别 6,移动端 1px 问题及解决办法 1,认识设备的物理像素(设备像素)、逻辑像素(css像素)、设备像素比dpr 2,产生 1px 问题的原因 3,解决办法 1,设置 viewport 的 scale 值 2,利用伪...
transition、keyframes(animation) 44、你知道的CSS预处理器,以及预处理器作用 less、sass、Stylus 作用: 帮助更好地组织CSS代码 提高代码复用率 提升可维护性 45、如何解决CSS模块化 less sass 等CSS预处理器 webpack处理CSS(css-loader+style-loader) PostCSS插件(postCSS-import/precss等) 46、li与li之间有看不...
300道HTML、CSS习题及面试题(含答案)HTML+CSS习题及面试题 1.[问答题]根据下面效果图设计页面：两点要求：1.自适应宽度，左右两栏固定宽度，中间栏优先加载；2.要考虑到换肤 --- 来自：2011腾讯前端面试稿 参考：1.自适应宽度，左右两栏固定宽度，中间栏优先加载，可以采用双飞翼布局。<style type="text/css"...
CSS3实现圆角(border-radius),阴影(box-shadow),对文字加特效(text-shadow),线性渐变(gradient),变形(transform) 增加了更多的CSS选择器 多背景 rgba,在CSS3中唯一引入的伪元素是::selection,媒体查询,多栏布局 15. 为什么要初始化CSS样式? 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没...
接上《33道前端开发理论面试题,附答案》这篇文章,今天把HTML与CSS的面试题分享给大家,里面有参考答案。 二、HTML 2.1、<image>标签上title属性与alt属性的区别是什么? alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或...
这里有一些精选的HTML+CSS面试题,助你一臂之力!1️⃣ margin常见问题及解决办法 🔍 2️⃣ css属性content的作用及应用场景 📚 3️⃣ 设置元素浮动后,该元素的display值是多少?🤔 4️⃣ 浮动会造成哪些影响,如何清除这些影响?💡 5️⃣ 如何使块元素居中?🖼️...
1. 通过vertical-align:middle实现CSS垂直居中; 2. 通过display:flex实现CSS垂直居中; 3. 通过伪元素:before实现CSS垂直居中; 4. 通过display:table-cell实现CSS垂直居中; 5. 通风过隐藏节点实现垂直居中; 6. 已知父层元素高度通过transform来实现;
2023前端HTML+CSS最全面试题和答案汇总 一、HTML试题与答案 1. 以下哪项是HTML文档的正确结构? A. `<html><head><body>...</body></head></html>` B. `<html><head>...</head><body>...</body></html>` C. `<body><head>...</head></body>` D. `<html><body>...</body><head>...