css试习题及答案

css试习题及答案

css试题及答案 1.常用的块属性标签及特征有哪些？

常用块标签：Divh1~h6olullidltdddtabletrthtdpbrform块标签特征：独占一行，换行显示，可以设置宽高，块可以套块和行

2.常用的行内属性标签及特征有哪些？

行标签：spanaimgvaremstrongtextareaselectoptioninput行标签特征：在行内显示，内容撑开宽高，不可以设置宽高（img,input除外），行只能套行标签

3.SEO重视的标签有哪些?

4.HTML静态页面出现中文乱码如何解决？在head里加入并且保存文件时编码格式也选择utf-8编码

5.下列标签既是行内属性标签又可以设宽高的标签是？(CD)

A.var

B.table

C.input

D.img

E.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.双倍marginbug

6....

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的书写规范有哪些？

标签换行写法；标签需要关闭；特殊字符用编码；标签缩进；标签用英文小写；注释；合理嵌套；

搜集整理，仅供参考学习，请按需要编辑修改