基础务实一

转载 (原文地址) 哈哈 随笔 自学笔记 70阅读 2019-05-22 11:27:03 举报

1.html5为什么只需要写<!doctype html>?

因为html5不是sgml(标准通用标记语言),不需要DTD声明;而html4.01则需要进行DTD声明,告诉浏览器解析器使用何种规范来解析文档。

2.行内元素有哪些?块级元素有哪些?空(void)元素有哪些?

行内元素:a b span img input select strong(强调)
块级元素:div ul ol li p h1-h6 dl dt dd
空元素:img input hr br

3.页面导入样式时,使用link和@import有什么区别?

①link除了可以导入样式,还能引用其他;@import就只能导入样式;
②兼容性问题:link属于xml标签,无兼容性问题;而@import是css标签,是在css2.0提出来的,低版本浏览器不支持;
③link导入样式时,在页面加载时同时被加载;而@import是在页面加载完成时,再被加载

@import最佳写法:@import url(style.css)

4.常见的浏览器内核有哪些?

Trident-IE内核 [1994年,IE浏览器发布,第一次浏览器大战]
Presto -Opera浏览器 [1995年,挪威公司发布,2016年被昆仑万维和奇虎360收购]
Webkit -Safari浏览器 [2003年,苹果在手机上开发出来,最早使用webkit内核的浏览器]
Gecko -Firfox浏览器 [2004年,Mozlial基金会,开源项目]
Blink -Chrome浏览器 [2008年,Google发布,2013年不再使用webkit内核,改用其分支内核blink]

5.label的作用是什么?是怎么使用的?

label:配合fouce获取焦点,当点击指定内容时,对应的表单获取焦点;

label有两个属性:
① for属性:表示label标签要绑定的元素,点击标签时,所绑定的元素获取焦点
<label for='#id'>xxx</label><input id='#id' type=''> //当点击文本 xxx 时,表单input获取焦点
② accesskey属性:label标签绑定的元素的热键,按下热键时,所绑定的元素获取焦点
<label for='#id' accesskey='n'>xxx</label><input id='#id' type=''> //当按下键盘键 N 时,表单input获取焦点

注:accesskey设置的热键,不能与浏览器的热键冲突,否则会优先激活浏览器的热键

6.介绍一下标准的css的盒子模型?与低版本IE的盒子模型有什么不同?

盒模型:W3C盒模型和IE盒模型

W3C盒模型:margin,border,padding,content
IE盒模型content包含padding和border

7.margin和padding分别适合什么场景使用?

margin:
①需要在border外侧添加空白时;
②两个盒子之间需要间距时;
③两个盒子之间的间距空白抵消时
如15px+20px的margin,得到的是20px的空白

padding:
①需要在border内侧添加控空白时;
②两个盒子之间间距等于两者之和
如10px+15px的padding;得到的是25px的空白

评论 ( 0 )
最新评论
暂无评论

赶紧努力消灭 0 回复