| 失效链接处理 |
|
黑马程序员西安校区前端学科面试宝典 PDF 下载
本站整理下载：
相关截图：
主要内容：
HTML(5)
1. Html5 新增那些标签?
布局标签:
header,section,footer,article,aside
表单标签: datalist,
input:type=’week|date|time|datetime|number|search|url|tel|
color|email|range’
多媒体标签: audio, video
其他标签: progress(进度条),meter
2. 行内元素和块级元素的具体区别是什么？
块级元素独占一行页面空间, 不会和其他元素共享一行页面空间;
行内元素可以和其他非块级元素(行内,行内块)共享一行页面空间.
3. 列举几个块级标签和行内标签？
块级标签:div,p,h1~h6,section,header,footer
2
行内标签:span,em(i),strong(b),u,em(i),a
4. 行内元素的 padding 和 margin 可设置吗？
行内元素设置水平方向的padding和margin是可以生效,但是设置垂
直方向的padding和margin虽然看起来对标签起作用,但实际并没有
对周围元素产生任何影响, 所以行内元素设置垂直方向的 padding
和 margin 是无效的.
5. 简述 readyonly 与 disabled 的区别
readyonly 是设置表单元素为只读状态;
disabled 是设置表单元素为禁用状态.
6. 哪些标签都存在伪元素?
大部分容器标签(大部分双标签)都有伪元素, iframe 没有伪元素;
大部分单标签都没有伪元素, 但是 img 有伪元素
7. 伪元素可以使用 js 来操作吗?
js 不可以操作伪元素
8. Html5 的网页为什么只需要写<!DOCTYOE HTML>?
HTML 4.01 中的 doctype 需要对 DTD 进行引用，因为 HTML 4.01 基
于 SGML。而 HTML 5 不基于 SGML，因此不需要对 DTD 进行引用，
3
但是需要 doctype 来规范浏览器的行为。其中，SGML 是标准通用标
记语言,简单的说，就是比 HTML,XML 更老的标准，这两者都是由 SGML
发展而来的, 而 HTML5 不是的。
CSS(3)
9. px em rem 这三中长度单位的区别？
px 是一个绝对单位;em 和 rem 是一个相对单位, em 参考的是当前元
素的字体(font-size)大小, 参考的是页面根元素 html 的字体
(font-size)大小.
10.CSS3 新增伪类有那些？
p:first-of-type 选择属于其父元素的首个<p>元素。
p:last-of-type 选择属于其父元素的最后一个<p>元素。
p:nth-child(2)选择属于其父元素的第二个子元素。
p:nth-type-of(2)选择属于其父元素的第二个子元素 p。
:enabled、:disabled 控制表单控件的禁用状态。
:checked，单选框或复选框被选中。
11.谈谈 css 选择器优先级顺序以及判定标准?
优先级从低到高:
通配符选择器<标签选择器<类选择器(属性选择器)<ID 选择器;
行内样式<使用!important 修饰的属性优先级最高;
4
如果两个选择器(属性完全相同)同时命中一个元素, 并且权重一样,
则书写顺序会影响优先级, 后一个选择器的属性会覆盖前一个选择
器中相同的属性.
|
| Java1234官方群25： | 
|
| Java1234官方群25： | 838462530 |
苏公网安备 32061202001004号
