ToB企服应用市场:ToB评测及商务社交产业平台

标题: 前端--阶段（一）面试总结 [打印本页]

作者: 十念 时间: 2024-6-23 07:02
标题: 前端--阶段（一）面试总结

1.网络中使用最多的图片格式有哪些

·.gif支持动画和透明，但不风雅，层次较差，得当一些动画的表情或小图标

·jpg 层次较好，不支持透明和动画，得当用做配景和正图

·.png 层次较好，支持透明

2.请简述css 盒子模型

CSS盒模型本质上是一个盒子，全部HTML元素都可以看作是一个盒子，是用来封装周围的HTML元

素，丰富元素的内容，方便了计划与布局。盒子模型具体包括：外边距，边框，内填充，和现实内

容。

3.视频/音频标签的使用

Html5中提供了 <audio>8<(vedio>元素实现音频视频的引入播放，主要属性有 controls(显示控件)、

muted(静音播放)、loop(循环播放)、autoplay(自动播放)、src(音频文件路径)。

4.HTML5 新增的内容有哪些

新的特别内容元素，比如article 、footer等，新的表单控件，比如 calendar 、date 、time、

email、url、search;用于前言回放的video和audio元素；用于绘画的canvas元素。

5.HTML5 新增的语义化标签有哪些

<article> 定义文章

(aside> 定义文章的侧边栏

<figure> 一组媒体对象以及笔墨

<figcaption> 定义 figure 的标题

<footer>定义页脚

cheader>定义页眉

chgroup>定义对网页标题的组合

<section> 定义文档中的区段

<time>定义日期和时间

<dialog> 定义一个对话框

<nav>标签定义导航链接的部分

6.CSS3 新增的特性

· CSS3选择器

。基本选择器

·子选择器

●相邻兄弟选择器 ·通用兄弟选择器

●群组选择器

。属性选择器

1.element[attribute]

为带有attribute属性的元素设置样式

2.element[attribute='value']

为attribute ='value '属性的元素设置样式

3.element[attribute ~-'value' ]

选择attribute属性值包含单词value的元素并设置样式

4.element[attribute*='value']

选择attribute属性值包含value的元素设置样式

5.element[attribute^-'value']

选择attribute 属性值是以value 开头的元素

6.element[attributes ='value' ]

选择attribute 属性值是以value 结尾的元素

。伪类选择器

·动态伪类

a.锚点伪类：link visited

b. 用户举动伪类：hover active :focus

c. 目标伪类：target

d.checked 状态伪类 checkbox 只能设置宽高，不能设置配景和边框，假如想要设置

那么我们需要用appearance:none; 来清除input的默认样式

:first-child/last-child

选择属于父元素的首个/末了一个子元素的每个element元素，留意element为子元素。

:nth-child(n)

选择某元素下的第n个element元素(n是一个简单的表达式，不能用其他的字母代替),括号里还可以传odd 和even两个关键字

:nth-last-child(n)

匹配属于某元素下的第n个element子元素，从末了一个子元素开始计数

:nth-of-type(n)

语法

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。

欢迎光临 ToB企服应用市场:ToB评测及商务社交产业平台 (https://dis.qidao123.com/)