html+css知识点复习(2)

1.有关html Doctype的描述:

它的责任就是告诉浏览器文档使用哪种html或者xhtml规范;
不同文档模式主要影响CSS内容的呈现,尤其是浏览器对盒模型的解析;
不同浏览器在混杂模式下的行为差异非常大,如果不使用某些hack技术,跨浏览器的行为根本就没有一致性可言。

2.以下元素都是短语元素。虽然这些标签定义的文本大多会呈现出特殊的样式,但实际上,这些标签都拥有确切的语义。并不反对使用它们,但是如果您只是为了达到某种视觉效果而使用这些标签的话,我们建议使用样式表,那么做会达到更加丰富的效果。

3.HTML5中常用的新特性:

canvas元素:用于定义图形(图表等),只是图形容器,必须使用脚本来绘制图形。
audio:用于音频播放。
video:用于视频播放。
article:规定独立的自包含内容。
header:定义文档的页眉,介绍相关信息。
section:定义文档中的节。
footer:定义文档的页脚,通常有文档的作者、版权信息、联系方式等。
nav:定义导航链接。
表单控件:
calender
date
time
email
url
search
表单元素:
datalist
output
keygen

4.自闭合标签

有<input/><img/><link/>以及下划线标签hr、<meta>等。

5.html5标准的链接默认都是带下划线的;bootstrap链接只有在hover状态下才带下划线。

6.w3cshool中jQuery事件手册中,有很清晰的说明:blur()方法是当元素失去焦点时,发生blur事件;而focus()方法是当元素获得焦点时发生focus事件;

7.bootstrap3:

在windows上支持IE8
在MAC OS及Windows上支持firefox
在IOS及android上都支持chrome

8.display:none 和 visibility:hidden的说法,正确的是?

display:none与visibility:hidden都可以用来隐藏某个元素
display:none在隐藏元素的时候,将其占位空间也去掉;而visibility:hidden只是隐藏了内容而已,其占位空间仍然保留。

9.可以通过Cookie来实现:

记录访问者的信息
在页面之间传递信息
自动识别用户

10.bootstrap中表格类

11.在 HTML5 中,哪个方法用于获得用户的当前位置?

getCurrentPosition()

12.哪一个不是浏览器默认的天生inline-block标签(拥有内在尺寸,可设置高宽,不会自动换行)?

<label>

13.当窗口上下滚动时。能始终固定在视野顶端的是(div的直接父级元素是<body>):

<div style=”position:fixed;top:0;”></div>

14.以下哪一个选项是html5的dtd?

<!DOCTYPE html>

15.什么是 Web Worker ?

运行在后台的JavaScript程序,不会影响页面的性能。

16.哪个操作是W3C标准定义的阻止事件向父容器传递:

e.stopPropagation()

17.<input type=”text” name=”user_name” antofocus=”autofocus”/>

页面加载后,浏览器将自动聚焦user_name字段

18.表单提交时会触发什么Dom事件?

submit

19.<input>元素的type属性的取值可以是:

20.当margin-top、padding-top的值是百分比时,分别是如何计算的?

相对最近父级块级元素的width,相对最近父级块级元素的width

21.MVC是一种常见的架构。模型变更之后,只有控制器(Controller)才能驱动视图变更或重新渲染视图。

22.sessionStorage 、localStorage 和 cookie 之间的区别

共同点:

都是保存在浏览器端,且同源的。

区别:

1:cookie数据始终在同源的http请求中携带(即使不需要),即cookie在浏览器和服务器间来回传递。而sessionStorage和localStorage不会自动把数据发给服务器,仅在本地保存。cookie数据还有路径(path)的概念,可以限制cookie只属于某个路径下。
2:存储大小限制也不同,cookie数据不能超过4k,同时因为每次http请求都会携带cookie,所以cookie只适合保存很小的数据,如会话标识。sessionStorage和localStorage 虽然也有存储大小的限制,但比cookie大得多,可以达到5M或更大。
3:数据有效期不同,sessionStorage:仅在当前浏览器窗口关闭前有效,自然也就不可能持久保持;localStorage:始终有效,窗口或浏览器关闭也一直保存,因此用作持久数据;cookie只在设置的cookie过期时间之前一直有效,即使窗口或浏览器关闭。
4:作用域不同,sessionStorage不在不同的浏览器窗口敏感词享,即使是同一个页面;localStorage在所有同源窗口中都是共享的;cookie也是在所有同源窗口中都是共享的。
5:Web Storage支持事件通知机制,可以将数据更新的通知发送给监听者。
6:Web Storage 的 api 接口使用更方便。

23.GET和POST的区别:

1.GET请求的数据会附在URL之后(就是把数据放置在HTTP协议头中),POST把提交的数据则放置在是HTTP包的包体中。
2.GET方式提交的数据最多只能是1024字节,理论上POST没有限制,可传较大量的数据。
3.POST的安全性要比GET的安全性高。

24.head部分中的JavaScripts会在被调用的时候才执行。body部分中的JavaScripts会在页面加载的时候被执行。

25.哪个HTML5内建对象用于在画布上绘制?

getContext

26.jquery ajax中都支持哪些返回类型?

xml 、html、jsonp、json等

27.head 标签中必不少的是:

<title>

28.head标签中

<head> 标签用于定义文档的头部,它是所有头部元素的容器。<head> 中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。
下面这些标签可用在 head 部分:<base>, <link>, <meta>, <script>, <style>, 以及 <title>
<title> 定义文档的标题,它是 head 部分中唯一必需的元素。

29.正确的是:

为<table>标签添加.table类可以给表格添加水平分割线
为表格添加table-bordered类可为表格中每个元素增加边框
为表格添加table-hover类可为表格中增加鼠标悬停样式


30.为了在input两侧添加额外元素,以下说法正确的是:

使用input-group来封装控件
使用input-group-addon来添加前置元素
必须为input添加form-control类

31.在css3中要使元素由一种样式转换成另一种样式,为元素添加效果的属性是?transition

animation要结合@keyframes规定的样式变化,才能实现。transition的话,可以直接设置样式的变化。

32.火狐与IE6的区别

(1)火狐浏览器中,非float的div前面有同一父级的float的div,此div若有背景图,要使用clear:both,才能显示背景图,而IE6.0中不用使用clear:both。
(2)在[text-decoration:underline]的属性下,IE6.0显示的下划线会比FireFox低一点。在FireFox中,部分笔画会在下划线的下面1个象素左右。

33.不换行必须设置哪些项?

word-break、white-space

34.<input>元素的type属性的取值可以是:

35.比较Ajax与Flash的优缺点:

Ajax的优势在意在于开放性,易用性及易于开发
Flash的优势在于多媒体处理,可以更容易的调用浏览器以外的外部资源
Ajax最主要的批评就是它可能破坏浏览器的后退功能
flash 文件经常会很大,用户第一次使用的时候需要忍耐较长的等待时间

36.关于web表单登录中用到的图形验证码的实现:

服务器端生成验证码后一方面通过图片将验证码返回给客户端,同时在服务器端保存文本的验证码,由服务器端验证输入内容是否正确。

37.把鼠标移到按钮并点击时,会产生一串什么样的事件?

hover focus active

38.关于btn标签的说法正确的是:

btn-group能将按钮组成按钮组
btn-toolbar能将btn做成复杂组件
btn-group可以嵌套使用
可以使用btn-group-lg,btn-group-sm来调整按钮大小

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 206,378评论 6 481
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 88,356评论 2 382
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 152,702评论 0 342
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 55,259评论 1 279
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 64,263评论 5 371
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 49,036评论 1 285
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 38,349评论 3 400
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,979评论 0 259
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 43,469评论 1 300
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,938评论 2 323
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 38,059评论 1 333
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,703评论 4 323
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 39,257评论 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 30,262评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 31,485评论 1 262
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 45,501评论 2 354
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 42,792评论 2 345

推荐阅读更多精彩内容