css试题及答案
1.常用的块属性标签及特征有哪些?
常用块标签:Divh1~h6olullidltdddtabletrthtdpbrform块标签特征:独占一行,换行显示,可以设置宽高,块可以套块和行
2.常用的行内属性标签及特征有哪些?
行标签:spanaimgvaremstrongtextareaselectoptioninput行标签特征:在行内显示,内容撑开宽高,不可以设置宽高(img,input除外),行只能套行标签
3.SEO重视的标签有哪些?
4.HTML静态页面出现中文乱码如何解决?在head里加入并且保存文件时编码格式也选择utf-8编码
5.下列标签既是行内属性标签又可以设宽高的标签是?(CD)
A.varB.tableC.inputD.imgE.form
6.css选择器有几种,及各自的书写方式?(举例说明)
ID选择器,举例:#div1{}类选择器,举例:.div1{}标签选择器,举例:div{}后代选择器,举例:.div1p{}群组选择器,举例:#div1,.div2,.div3p,#div4ulli{}
7.简单说说你对“盒模型”这个概念的理解,以及它都涉及到哪些css属性?
在css布局中,每一个html元素在浏览器中的解析都可以被看作一个盒子,拥有盒子一样的外形和平面空间它由margin、border、padding、content四部分组成涉及到的CSS属性有:margin、border、padding、display
8.div1里依次有div2和div3两个同级元素,div2高20px,margin-bottom:30px;
div3高50px,margin-top:20px;那么div1的高度是多少?20px 50px 30px=100px
本题考点:margin横向上是相加,但在竖向上却会产生叠加的现象,并会取上下间距的其大者生效
9.A标签的伪类有哪些,都是什么意思,及书写顺序?
link:有链接属性时visited:链接地址已被访问过hover:鼠标悬停在上面active:被用户激活时书写顺序:lvha(lovehate)
10.有一个div宽是1000px,如何让它在浏览器里达到居中,并且左右自适应?
div{width:1000px;margin:0auto;}11.常用的调试工具有哪些?
谷歌的审查元素、火狐的firebug、IE开发者工具F12等
12.分别说出float对块属性及行内属性标签的影响是什么?
对块属性标签的影响:可以使块属性元素并排排列,在没有设置宽高的情况下浮动后,内容撑开宽度高度
对行属性标签的影响:float之后能设置width和height属性,并支持margin和padding属性
13.写出兼容IE及其他主流浏览器的CSS半透明设置?
div{opacity:0.5;fiter:alpha(opacity=50);}
14.写出常见的CSS兼容性问题?(列举至少4个)
1.不同浏览器的标签默认的margin和padding差异;2.图片之间默认有间距;3.不透明度;
4.图片有链接时的边框问题;5.双倍marginbug6....
15.CSSposition属性的常用值有哪些?分别是什么意思?
Position:relative;相对定位(通常用在父级)Position:absolute;绝对定位(通常用在子级)Position:fixed;固定定位(相对于浏览器窗口)
16.以下的CSShack设置分别适用于哪个浏览器?
_background-color:green;IE6适用* background-color:pink;IE7适用*background-color:black;IE6、IE7适用
针对不同的浏览器或不同版本浏览器而写特定的CSS样式,叫做CSShack
17.html的书写规范有哪些?
标签换行写法;标签需要关闭;特殊字符用编码;标签缩进;标签用英文小写;注释;合理嵌套;