.NET实习生每日十题Web前端技术面试题（四）

---

提示：以下是本篇文章正文内容，下面案例可供参考

---

1、CSS选择器有哪几种并作出说明，以及优先级是怎么样的

CSS选择器：
  1.标签名选择器 div { color：Red;} /即页面中的各个标签名的css样式
  2.类选择器 .divClass {color:Red;} /即定义的每个标签的class 中的css样式
  3.ID选择器 #myDiv {color:Red;} /即页面中的标签的id
  4.后代选择器（类选择器的后代选择器） .divClass span { color:Red;} /即多个选择器以逗号的格式分隔 命名找到准确的标签
  5.群组选择器 div,span,img {color:Red} /即具有相同样式的标签分组显示

选择器的优先级:
  行类样式>ID选择器>类选择器>标签选择器

2、CSS有主要有哪些优点(列举不少于2条)?

  1.减少代码量，提高网页的浏览速度
  2.内容与表现分离，便于更新
  3.有利于搜索引擎的搜索

3、表单的method方法有哪2种，解释他们的区别?

  post:可以发送大量数据，安全。
  get :只能发送少量数据，不够安全，但是速度快。

4、列举常用的字体样式(不少于4个)?

• font-size:大小
• color:颜色
• font-family:字体
• font-weight:粗细
• font-style:样式

5、行级标签和块状标签的区别？

行级标签：不会独占一行；大小根据内容自适应，设置width属性和height属性无效。
块状标签：独占一行；可以设置width属性和height属性

6、HTML及CSS注释怎么表示？

• html注释：<!-- 注释内容 -->
• css注释：/* 注释内容 */

7、css中内补丁和外补丁是什么意思，有什么作用

  内补丁指：padding，对应内边距
  外补丁指：margin，对应外边距

8、在HTML中，创建提交按钮、重置按钮和普通按钮的语句分别是？

提交按钮：<input type="submit"/>
重置按钮：<input type="reset" />
普通按钮：<input type="button"/>

9、在HTML中，样式规则：margin:1px 2px;表示什么意思？

  margin表示修饰元素的外边距
 上下外边距为1px，左右外边距为2px。

10、在HTML中，样式规则：padding:1px 2px 3px 4px;表示什么意思？

  padding:表示修饰元素的内间距
 上内间距为1px，右内间距为2px，下内间距为3px，左内间距为4px。