前端前端开发

初级前端css面试题整理

2019-07-17  本文已影响205人  将心比心_59bf

1 css部分

1.怎么实现三列布局(左侧和右侧宽度固定,中间自适应)

3中方式:

a:左右绝对定位,中间不给宽度;

b:两侧浮动 + 中间自动撑开(使用 calc 动态计算宽度,设置对应宽度的 margin);

c:flex,左右设置 flex-basis,中间设置 flex-grow  一般简写flex:1;

设置为flex后子元素的  float,clear,vertical-align会失效


2.移动端开发 rem 布局的原理(rem 单位换算)

font-size用100除以设计图的1%vm;

以后就用rem就是原始像素除以100;


3.有没有自己写过组件,如何实现样式的继承和复用


4.平时怎么管理css

common(通用样式)  base.css(格式化样式)  page.css(不通用页面样式)


5.import和link导入css的区别

a:link属于xHTML,除了导入css还可以引入rss等其他事物,@import只能导入css

b:link加载时和页面同时加载,@import只能等到加载完后才引入

c:link是XHTML标签,无兼容问题,@import是css2.1提出的有兼容问题

d:link支持JavaScript操作dom改变样式,import不行

详细请看:https://www.cnblogs.com/loveyaxin/p/5997115.html


6.三角形

上一篇 下一篇

猜你喜欢

热点阅读