全国旗舰校区

不同学习城市 同样授课品质

北京

深圳

上海

广州

郑州

大连

武汉

成都

西安

杭州

青岛

重庆

长沙

哈尔滨

南京

太原

沈阳

合肥

贵阳

济南

下一个校区
就在你家门口
+
当前位置:首页  >  技术干货

2022常见前端基础面试题(含答案)七

发布时间:2022-08-11 16:25:35
发布人:wjy

  现在想调节—下父元素的透明度,但是又不影响子元素的透明度,怎么破?

  - 原因分析:

  - 使用css的opcity属性改变某个元素的透明度,但是其元素下的子元素的透明度也会被改变,即便重定义也没有用,不过有个方法可以实现,大家可以看看。

  可以使用一张透明的图片做背景可以达成效果,但是有没有更简单的方法呢?使用 RGBA。

  - 例如:

  - 设置父元素opacity:0.5,子元素不设置opacity,子元素会受到父元素opacity的影响,也会有0.5的透明度。

  即使设置子元素opacity:1,子元素的opacity:1也是在父元素的opacity:0.5的基础上设置的,因此子元素的opacity还是0.5。

  - 解决方法:

  - 为父元素设置background: rgba(0,0,0,0.5)。

 

2022常见前端基础面试题

  有没有了解过box-sizing,除了border-box还用过哪些,有没有用过其他的box-sizing的属性值属性

  box-sizing从本质角度触发,他控制盒子大小的尺寸,在这里里面他有两个取值经常被使用

  - 1、box-sizing:content-box;content-box可以理解成计算盒子大小的时候从内容区域开始进行计算,也就是计算的时候按照标准盒子模型进行计算;遵循W3C官方盒子模型的计算方法

  如果是不携带box-sizing这个属性的话,盒子模型的大小计算仍然按照标准盒子模型进行计算因为content-box是box-sizing属性的默认值

  - 2、box-sizing:border-box;border-box可以理解成计算盒子大小的时候从边框区域进行计算,也就是按照怪异盒子模型的标准进行计算,遵循的是ie怪异盒子的标准,通过box-sizing:border-box能够改变盒子模型的计算方法

 

  语义化的理解?有哪些语义化标签,有什么作用!

  语义化:顾名思义,见名知意,通过明智知道意思;

  在HTML5里面为了方便我们的开发,W3C为我们提供了大量的语义化标签,

  通过这些语义化标签能够清楚的了解区块的功能,也能让页面的结构更加的简化避免起类名和id名字

  HTML5新增的语义化标签有

  header——标记头部区域的内容(用于整个页面或页面中的一块区域)

  footer——标记脚部区域的内容(用于整个页面或页面中的一块区域)

  section——Web页面中的一块区域

  article——独立的文章内容

  aside——相关内容或者引文

  nav——导航类辅助内容

  main----主要内容区域

  figure----独立的文档流区域

  figcaption---独立文档流区域标题

  time------时间标签

  mark-----着重标记,默认高亮背景变黄

  audio-----音频

  video-----视频

  canvas----绘图

  datalist---模拟虚拟搜索列表

 

  #怎么实现三角形

```HTML

<div></div>

<style>

    div{

        /*为啥使用行内块元素,因为这样能与前面文本横向排列,避免浮动*/

        display:inline-block;

        width:0px;

        height:0px;

        border:10px solid transparent;

        border-top:10px solid red

    }

</style>

```

  更多关于html5培训的问题,欢迎咨询千锋教育在线名师,如果想要了解我们的师资、课程、项目实操的话可以点击咨询课程顾问,获取试听资格来试听我们的课程,在线零距离接触千锋教育大咖名师,让你轻松从入门到精通。

相关文章

明道、teambition、Tower.im、Worktile、trello的功能都有哪些?

明道、teambition、Tower.im、Worktile、trello的功能都有哪些?

2023-10-14
反欺诈中所用到的机器学习模型有哪些?

反欺诈中所用到的机器学习模型有哪些?

2023-10-14
强化学习中on-policy与off-policy有什么区别?

强化学习中on-policy与off-policy有什么区别?

2023-10-14
为什么交叉熵可以用于计算代价?

为什么交叉熵可以用于计算代价?

2023-10-14

最新文章

常见网络安全面试题:Windows常用的命令有哪些?

常见网络安全面试题:Windows常用的命令有哪些?

2023-10-09
常见网络安全面试题:根据设备告警如何展开排查?

常见网络安全面试题:根据设备告警如何展开排查?

2023-10-09
常见网络安全面试题:mysql加固呢?(数据库加固)

常见网络安全面试题:mysql加固呢?(数据库加固)

2023-10-09
常见网络安全面试题:windows和linux加固?(操作系统加固)

常见网络安全面试题:windows和linux加固?(操作系统加固)

2023-10-09
在线咨询 免费试学 教程领取