initial-scale=1.0"> <title>圣杯布局</title> <style type="text/css"> body{ min-width: 550px; } #header { text-align: center; background-color: #f1f1f1; } #container { padding-left:200px; padding-right:150px; } #container .column...
2,面试题之 CSS 篇 1,介绍一下 CSS 的盒子模型 2,CSS3新特性 3,Flex弹性布局 4,CSS选择器和优先级 5,伪元素和伪类的区别 6,移动端 1px 问题及解决办法 1,认识设备的物理像素(设备像素)、逻辑像素(css像素)、设备像素比dpr 2,产生 1px 问题的原因 3,解决办法 1,设置 viewport 的 scale 值 2,利用伪...
6,css选择器 优先级的计算规则: 相信每位写过CSS的朋友都知道,CSS选择器的优先级关系是: 内联 > ID选择器 > 类选择器 > 标签选择器 但是,浏览器具体的优先级算法是怎样的?可能还有些人不知道 。《CSS REFACTORING》 中提到了算法的过程 1 2 3 4 5 6 A specificityisdeterminedbyplugging numbersinto(a, ...
<style type="text/css"> body { min-width: 550px; } #header { text-align: center; background-color: #f1f1f1; } #container { padding-left: 200px; padding-right: 150px; } #container .column { float: left; } #center { background-color: #ccc; width: 100%; } #left { position...
CSS 1. 谈谈你对CSS布局的理解 常见的布局方式:固定布局、流式布局、弹性布局、浮动布局、定位布局、margin和padding 2. 请列举几种可以清除浮动的方法(至少两种) 浮动会漂浮于普通流之上,像浮云一样,但是只能左右浮动。正是这种特性,导致框内部由于不存在其他普通流元素了,表现出高度为0(高度塌陷)。 a. 添加额...
【前端面试题】:CSS篇 1.详细说明 CSS3 新特性?选择器:CSS3 提供了更多类型的选择器,包括属性选择器、伪类选择器、伪元素选择器和多重选择器等,使得开发者能够更精准地定位和操作页面元素。盒模型:CSS3 中的盒模型得到了扩展,引入了新的 box-sizing 属性,使得开发者能够更灵活地控制元素的尺寸和布局。颜色与...
6.css盒模型有哪些及区别content-box border-box padding-box1》IE盒子模型box-sizing:border-box;(怪异模式)W3C标准盒子模型 box-sizing:content-box;(标准模式)默认模式2》content-box:这是默认样式指定CSS标准。测量width和height属性只包括的内容,但不是border, margin, 或者 padding。padding-box:width和height...
接上《33道前端开发理论面试题,附答案》这篇文章,今天把HTML与CSS的面试题分享给大家,里面有参考答案。 二、HTML 2.1、<image>标签上title属性与alt属性的区别是什么? alt属性是为了给那些不能看到你文档中图像的浏览者提供文字说明的。且长度必须少于100个英文字符或...
HTML&CSS一些面试题 #1.1 H5新增特性和css3新增特性？答： 1.⾸先 html5 为了更好的实践 web 语义化，增加了 header，footer，nav,aside,section 等语义 化标签， 2.在表单⽅⾯，为了增强表单，为 input 增加了 color，email,data ，range 等类型， 3.在存储⽅⾯，提供了 sessionStorage，...
前端开发经典面试题及答案——HTML篇 一、cookie和WebStorage的区别与联系？二、link和@import的区别 link和@import是外部引入CSS的两种方式。结论：慎用@import方式。使用@import需要注意很多语法规则、引入顺序、资源文件下载引起的http请求过多。区别：HTNL中CSS有四种引入方式：三、浏览器如何实现不同标签页的通信？...