Ⅰ Web前端开发技术题 ,列举你知道的CSS选择器及其用法,并按优先顺序排序。
选择器 例子 描述
.class .intro 选择 class="intro" 的所有元素。
#id #firstname 选择 id="firstname" 的所有元素。
* * 选择所有元素。
element p 选择所有 <p> 元素。
element,element div,p 选择所有 <div> 元素和所有 <p> 元素。
element element div p 选择 <div> 元素内部的所有 <p> 元素。
element>element div>p 选择父元素为 <div> 元素的所有 <p> 元素。
element+element div+p 选择紧接在 <div> 元素之后的所有 <p> 元素。
[attribute] [target] 选择带有 target 属性所有元素。
[attribute=value] [target=_blank] 选择 target="_blank" 的所有元素。
[attribute~=value] [title~=flower] 选择 title 属性包含单词 "flower" 的所有元素。
[attribute|=value] [lang|=en] 选择 lang 属性值以 "en" 开头的所有元素。
:link a:link 选择所有未被访问的链接。
:visited a:visited 选择所有已被访问的链接。
:active a:active 选择活动链接。
:hover a:hover 选择鼠标指针位于其上的链接。
:focus input:focus 选择获得焦点的 input 元素。
:first-letter p:first-letter 选择每个 <p> 元素的首字母。
:first-line p:first-line 选择每个 <p> 元素的首行。
:first-child p:first-child 选择属于父元素的第一个子元素的每个 <p> 元素。
:before p:before 在每个 <p> 元素的内容之前插入内容。
:after p:after 在每个 <p> 元素的内容之后插入内容。
element1~element2 p~ul 选择前面有 <p> 元素的每个 <ul> 元素。
[attribute^=value] a[src^="https"] 选择其 src 属性值以 "https" 开头的每个 <a> 元素。
[attribute$=value] a[src$=".pdf"] 选择其 src 属性以 ".pdf" 结尾的所有 <a> 元素。
[attribute*=value] a[src*="abc"] 选择其 src 属性中包含 "abc" 子串的每个 <a> 元素。
:first-of-type p:first-of-type 选择属于其父元素的首个 <p> 元素的每个 <p> 元素。
:last-of-type p:last-of-type 选择属于其父元素的最后 <p> 元素的每个 <p> 元素。
:only-child p:only-child 选择属于其父元素的唯一子元素的每个 <p> 元素。
:nth-child(n) p:nth-child(2) 选择属于其父元素的第二个子元素的每个 <p> 元素。
:nth-last-child(n) p:nth-last-child(2) 同上,从最后一个子元素开始计数。
:nth-of-type(n) p:nth-of-type(2) 选择属于其父元素第二个 <p> 元素的每个 <p> 元素。
:nth-last-of-type(n) p:nth-last-of-type(2) 同上,但是从最后一个子元素开始计数。
:last-child p:last-child 选择属于其父元素最后一个子元素每个 <p> 元素。
:empty p:empty 选择没有子元素的每个 <p> 元素(包括文本节点)。
:target #news:target 选择当前活动的 #news 元素。
:enabled input:enabled 选择每个启用的 <input> 元素。
:disabled input:disabled 选择每个禁用的 <input> 元素
:checked input:checked 选择每个被选中的 <input> 元素。
:not(selector) :not(p) 选择非 <p> 元素的每个元素。
Ⅱ 求web前端开发笔试题
最低0.27元/天开通网络文库会员,可在文库查看完整内容>
原发布者:触不可及112
Web前端开发系班级姓名成绩1、目前常用的WEB标准静态页面语言是________。2、改变元素的外边距用________,改变元素的内填充用________。3、在Table中,TR是________,TD是________。4、如果给一行两列的表格(table)定义高度样式,在________标签中定义最合理,最能减少代码的臃肿。5、对ulli的样式设成无,应该是用什么属性________。6、在新窗口打开链接的方法是________。7、合理的页面布局中常听过结构与表现分离,那么结构是________,表现是________。1、在下面的XHTML中,哪个可以正确地标记折行?A:
B:C:
2、下列哪些是格式良好的XHTML?A:Ashortparagraph
B:
Ashortparagraph
C:
Ashortparagraph3、在以下的HTML中,哪个是正确引用外部样式表的方法?A:B:css"href="mystyle.css">C:mystyle.css4、在HTML文档中,引用外部样式表的正确位置是?A:文档的末尾 B:文档的顶部C:部分D:部分1、请写出超链接的顺序或者你在初始样式中的链接方法。(10分)2、当float和margin同时使用时,IE6的双倍边距BUG如何解决?(6分)3、为什么无法定义1px左右高度的容器?(7分)4、Firefox中标签的居中问题的解决方法
Ⅲ 前端开发题:烧一根不均匀的绳子要用一个小时,怎么判断一小时十五分钟
半小时:两头同时烧。一个小时十五分钟:一根正常烧,一根两头烧,
在两头烧完的一刹那,把正常烧的那根的另一头也点燃。这根烧完后是45分钟,在烧完后的一刹那,在把一根两头烧。合计一个小时十五分钟。by三人行慕课
Ⅳ 有什么可以练习前端 的软件 就那种有习题的
要习题的话去买书,书上都有。
另外还有好多种方式,这里给你介绍几种:
随便截一个网站的图,然后自己去按照图上的样子去写,样式。
样式写完之后再写交互。
像练逻辑思维的话可以找找编程题目,大部分编程的题目都是通用的,只是写法不同,逻辑一样。
Ⅳ Web前端题目
答案是D,
Visual Basic电脑版是一种由微软公司开发的包含协助开发环境的事件驱动编程语言。
Ⅵ 有哪些经典的前端开发面试题及答案解析
行元素与块元素的区别;
如何清除浮动;
定位方式当中,absolute与fixed、relative的区别;
事件的兼容问题;
Ajax是什么;
如何优化你的页面;
响应式布局是什么等等。
经典的前端面试题至少有近百道,在这里也没办法全部给你列出来,你可以看看这个(小-程序),里面有好几百道面试真题,也有比较好的答案解析。
Ⅶ 在面试前端开发的时候遇到一个面试题,求解 var a =10; (function(){ console.log(a); var a=100; })
vara=10;
(function(){
console.log(a);
vara=100;
})();
结果:输出undefined
解释:
function中有var a = 100;
声明会提升到function最开头,但赋值发生在最后。
上面的代码等价于:
vara=10;
(function(){
vara;
console.log(a);
a=100;
})();
打印a的时候,a并没有在function内赋值,所以是undefined
Ⅷ 谁能给我出一两道 web前端笔试题 上机题啥的,呵呵,比较常考的
[面试题] 某企业前端开发面试题
【HTML & CSS】
1. Doctype? 严格模式与混杂模式-如何触发这两种模式,区分它们有何意义?
2. 行内元素有哪些?块级元素有哪些?CSS的盒模型?
3. CSS引入的方式有哪些? link和@import的区别是?
4. CSS选择符有哪些?哪些属性可以继承?优先级算法如何计算?内联和important哪个优先级高?
5. 前端页面有哪三层构成,分别是什么?作用是什么?
6. css的基本语句构成是?
7. 你做的页面在哪些流览器测试过?这些浏览器的内核分别是什么?经常遇到的浏览器的兼容性有哪些?怎么会出现?解决方法是什么?
8. 如何居中一个浮动元素?
9. 有没有关注HTML5和CSS3?如有请简单说一些您对它们的了解情况!
10. 你怎么来实现下面这个设计图,主要讲述思路 (效果图省略)
11. 如果让你来制作一个访问量很高的大型网站,你会如何来管理所有CSS文件、JS与图片?
12. 你对前端界面工程师这个职位是怎么样理解的?它的前景会怎么样?
【Javascript】
1. js是什么,js和html 的开发如何结合?
2. 怎样添加、移除、移动、复制、创建和查找节点
3. 怎样使用事件以及IE和DOM事件模型之间存在哪些主要差别
4. 面向对象编程:b怎么继承a
5. 看看下面alert的结果是什么
view sourceprint?1.function b(x, y, a) {
.arguments[2] = 10;
.alert(a);
}
b(1, 2, 3);
如果函数体改成下面,结果又会是什么?
a = 10;
alert(arguments[2] );
6. 请编写一个JavaScript函数 parseQueryString,它的用途是把URL参数解析为一个对象
var obj = parseQueryString(url);
alert(obj.key0) // 输出0
7. ajax是什么? ajax的交互模型? 同步和异步的区别? 如何解决跨域问题?
8. 什么是闭包?下面这个ul,如何点击每一列的时候alert其index?
<ul id=”test”>
<li>这是第一条</li><li>这是第二条</li><li>这是第三条</li>
</ul>
9. 最近看的一篇Javascript的文章是?
10. 常使用的库有哪些?常用的前端开发工具?开发过什么应用或组件?
11.说说YSlow(可以详细一点)
答案在参考资料里面可以找到,答案在参考资料里面可以找到,答案在参考资料里面可以找到