css面试题

简介: css面试题

两列布局

三列布局

元素设置宽度100%和不设置的区别

元素页面居中

标准盒模型和怪异模型的区别

可继承的属性样式有哪些

display:none 和visibility: hidden的区别

visibility可以实现 两个字和三个字的宽度相同

用户名

密<var style=”visibility:hidden">我<var>码:


几种清除浮动的方式

alt属性和title属性的区别

浏览器兼容问题

移动端适配方式

rem,em,vh,vw都是怎么计算的

什么是BFC

外边距塌陷解决方法

浏览器盒模型

::after/:after与::before/:before的区别?

css样式优先级算法

输入不间断的字符不会换行,如何解决

阻止浏览器默认样式

标签有哪些 a 、 input-file ……

解决办法:

return false;

e.prentDefault()方法阻止  谷歌火狐的方法

e.returnValue=false; 方法阻止 IE8以下的方法

// 封装
function preDef(event){
  e=event || window.event;
  if(e.preventDefault){
    e.preventDefault()
  }else{
    e.returnValue=false
  }
}


阻止冒泡


w3c的方法是e.stopPropagation()

IE则是使用e.cancelBubble = true


什么情乱下块级元素的默认宽度由子元素决定


块级元素被设置成inline-block

当块级元素浮动时

当块级元素设置了绝对定位或者固定定位

当块级元素设置了display:inline-flex;


列举出5个css属性可以继承的属性。并列举出css选择器?


答:

继承:color,font-size,font-weight,text-align,font-style

选择器:标签,类名,id,子代,后代,交叉,群组,通用,伪类。


伪类&伪元素


区别:

从作用上区分:

**伪类**用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的,例`hover`

**伪元素**用于创建一些不在文档树中的元素,为其添加样式。例`after,before`

从写法上区分:

**伪类** 使用单冒号

**伪元素** 使用双冒号  

相关文章
|
3月前
|
前端开发 JavaScript Java
【面试题】面试官:说说你对 CSS 盒模型的理解
【面试题】面试官:说说你对 CSS 盒模型的理解
|
15天前
|
前端开发 JavaScript Serverless
揭秘CSS布局神器:vw/vh、rem、%与px大PK,掌握它们,让你的网页设计秒变高大上,面试难题迎刃而解!
【8月更文挑战第4天】在Web开发中,合理选择CSS单位对响应式布局至关重要。本文探索viewport单位(vw/vh)、rem、百分比(%)及像素(px)的基础知识与应用场景。通过代码示例,展示如何运用这些单位实现全屏布局、尺寸比例调整、灵活的元素大小及固定尺寸。最后,模拟面试题,介绍如何仅用CSS实现一个元素的高度为其宽度两倍且响应视口变化的方法。
46 8
|
27天前
|
存储 数据采集 移动开发
|
3月前
|
前端开发
一文搞懂css常用字体属性与背景属性(2),非科班面试之旅
一文搞懂css常用字体属性与背景属性(2),非科班面试之旅
|
3月前
|
前端开发 Java
前端面试题01(css)
前端面试题01聚焦CSS,涵盖选择器优先级、隐藏元素方法、px与rem差异、重绘与重排解释、元素居中技巧及可继承属性。还探讨了CSS预处理器SASS和LESS的特性。文章提供实例代码展示居中布局的多种实现方式。鼓励读者点赞和支持。
27 0
|
3月前
|
前端开发 算法
【css炫酷动画】让面试官眼前一亮的故障风格文字动画,3年Web前端开发工程师面试经验分享
【css炫酷动画】让面试官眼前一亮的故障风格文字动画,3年Web前端开发工程师面试经验分享
|
3月前
|
前端开发 开发者
CSS面试考点:盒模型、选择器、单位和像素概念
【4月更文挑战第2天】 CSS面试考点:盒模型、选择器、单位和像素概念
42 12
|
3月前
|
前端开发 容器
CSS面试考点:隐藏元素、BFC、垂直居中、CSS3新特性
【4月更文挑战第2天】 CSS面试考点:隐藏元素、BFC、垂直居中、CSS3新特性
38 10
|
3月前
|
编解码 前端开发 容器
CSS常见的面试题以及答案 500字以上
【4月更文挑战第1天】 CSS常见的面试题以及答案 500字以上
19 0
|
3月前
|
前端开发 JavaScript 容器
前端面试之梳理CSS
前端面试之梳理CSS
23 1