前端面试CSS
关于CSS的面试题
c_perfectworld
如果你渴望得到它,它就不再是梦想
展开
-
CSS面试(二)
用css画三角形原创 2021-11-03 09:40:52 · 75 阅读 · 0 评论 -
CSS面试(一)
行内元素与块级元素有什么区别? 行内元素会在一条直线上排列(默认宽度只与内容相关),都是同一行的,在水平方向排列。 块级元素各占据一行(默认宽度是它本身父容器的100%(和父元素的宽度一致)与内容无关),垂直方向排列,块级元素从新行开始,结束接着一个断行。 块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素,只能包含文本或者其他行内元素 行内元素与块级元素属性的不同,主要是盒模型的属性上:行内元素设置width无效,height无效(可以设置line-height),margin上下无效,原创 2021-11-03 09:23:47 · 73 阅读 · 0 评论 -
CSS面试(六)
position定位有什么属性(不止绝对相对fixed) position概念: position属性把元素放置到一个静态的、相对的、绝对的或固定的位置中 position属性值: 四个常用:static,relative,absolute,fixed 不常用的:inherit,initial,sticky static position默认值,正常的文档流 relative 相对原来的位置进行移动,不会脱离标准流 absolute 相对不是static的最近一级父元素进行定位,如果没原创 2021-11-05 09:08:56 · 71 阅读 · 0 评论 -
CSS面试(五)
CSS预处理器Less带来的好处 CSS预处理器 为CSS增加编程特性的拓展语言,可使用变量,简单逻辑判断,函数等基本编程技巧 CSS预处理器编译输出的还是CSS样式 Less、Sass都是动态的样式语言,是CSS预处理器,CSS上的一种抽象层,她们是一种特殊的语法/语言编译成CSS Less变量符号是@ Sass变量符号是$ 解决的问题 CSS语法不够强大,无法嵌套导致有很多重复的选择器 没有变量和合理的样式复用机制,导致逻辑上相关的属性值只能以字面量的形式重复输出,难以维护 常用..原创 2021-11-05 08:38:35 · 72 阅读 · 0 评论 -
CSS面试题(八)
CSS单位有哪些? CSS有几个不同的单位用于表示长度。长度由一个数字和单位组成如10px、2em 数字与单位之间不能出现空格,如果长度值为0,则可以省略单位 对于一些CSS属性,长度可以是负数 有两种类型的长度单位:相对和绝对 相对长度单位 相对长度单位表示一个固定值,不会改变,不利于页面渲染 绝对长度单位 是一个固定的值,反应一个固定的物理尺寸。绝对长度单位视出介质而定,不依赖于环境(显示器、分辨率、操作系统等) ...原创 2021-11-08 08:57:47 · 75 阅读 · 0 评论 -
CSS面试(七)
ul内部除最后一个li以外设置右边框效果原创 2021-11-08 08:45:51 · 103 阅读 · 0 评论 -
CSS面试(三)
css中超出省略如何实现 浏览器显示效果原创 2021-11-04 08:45:14 · 68 阅读 · 0 评论 -
CSS面试(四)
link和@import的区别 链接样式:链接方式指的是使用HTML头部的标签引入外部的css文件 <head> <link rel="stylesheet" type="" href=""> </head> 这是常见的css引入方式,代码只能存在于单独的css文件中,css文件会在第一次加载时引入, 以后切换页面只需加载HTML文件即可 导入样式:导入方式指的是使用css规则引入到外部css文件中 <style> @impor原创 2021-11-04 08:58:42 · 69 阅读 · 0 评论