2,面试题之 CSS 篇 1,介绍一下 CSS 的盒子模型 2,CSS3新特性 3,Flex弹性布局 4,CSS选择器和优先级 5,伪元素和伪类的区别 6,移动端 1px 问题及解决办法 1,认识设备的物理像素(设备像素)、逻辑像素(css像素)、设备像素比dpr 2,产生 1px 问题的原因 3,解决办法 1,设置 viewport 的 scale 值 2,利用伪...
CSS3实现圆角(border-radius),阴影(box-shadow),对文字加特效(text-shadow),线性渐变(gradient),变形(transform) 增加了更多的CSS选择器 多背景 rgba,在CSS3中唯一引入的伪元素是::selection,媒体查询,多栏布局 15. 为什么要初始化CSS样式? 因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没...
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之间有看不...
i标签只是斜体的样式,没有实际含义,常用来表达无强调或着重意味的斜体,比如生物学名、术语、外来语; em表示标签内字符重要,用以强调,其默认格式是斜体,但是可以通过CSS添加样式。 建议:为了符合CSS3的规范,i 标签应尽量少用而应改用 em 10、iframe的优点和缺点 ? iframe的缺点: 页面样式调试麻烦,出现多个滚动条...
前端开发经典面试题及答案——HTML篇 一、cookie和WebStorage的区别与联系？二、link和@import的区别 link和@import是外部引入CSS的两种方式。结论：慎用@import方式。使用@import需要注意很多语法规则、引入顺序、资源文件下载引起的http请求过多。区别：HTNL中CSS有四种引入方式：三、浏览器如何实现不同标签页的通信？...
h5新标签只能兼容到ie9，如果想要兼容ie低版本浏览器，需要引入html5shiv.js文件，其cdn写法如 下： CSS兼容性： 1.1、媒体查询兼容性，ie9以下不支持媒体查询，需要引入response.js文件，其cdn写法如下： 1.2 、CSS Hack： <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></...
HTML/CSS 相关: 1.什么是 HTML5?有哪些新特性? HTML5是一种用于构建网页和网页应用程序的标准标记语言。它是HTML(超文本标记语言)的第五个主要版本,引入了许多新特性和功能,以提升网页的交互性、多媒体支持和性能。 一些HTML5的新特性包括: a.语义化标签:引入了一些新的语义化标签,如<header>、<footer>、<...
4、CSS盒模型 盒模型由：外边距margin、边框border、内边距padding、内容content四个部分组成 标准盒模型大小=border+padding+content 怪异盒模型大小=content 转怪异盒模型：box-sizing:border-box; 转标准盒模型：box-sizing:content-box;5、如何水平垂直居中一个元素 5.1、弹性盒子 5.2、定位 6、css实现一个三角...
通过<link>标记来引入外部的CSS文件(.css)。 可以被其它网页共享。 格式:<link rel="stylesheet" href="style.css" type="text/css"> rel="stylesheet" 被引入文件和当前文件之间的关系是引入了外部样式表 href=“” css文件的路径 注意:<link>标记只能放在<head>中 ...
CSS3新增特性 新增CSS选择器、伪类 特效:text-shadow、box-shadow 线性渐变: gradient 旋转过渡:transform、transtion 动画: animation 圆角: border-radius CSS选择器和优先级 优先级:(递减) !important 内联样式 ID选择器 类选择器/伪类选择器/属性选择器 ...