初级前端css面试题整理

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.三角形

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容