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

101 阅读2分钟

本文已参与「新人创作礼」活动,一起开启掘金创作之路。


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

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。