前端–阶段（一）面试总结

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

·.gif支持动画和透明，但不细腻，层次较差，适合一些动画的表情或小图标

·jpg     层次较好，不支持透明和动画，适合用做背景和正图

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

2.请简述css 盒子模型

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

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

容。

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

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

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

4.HTML5  新增的内容有哪些

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

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

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

定义文章

(aside> 定义文章的侧边栏

  一组媒体对象以及文字

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)

语法