css试题及答案

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)

1

0、有一个div宽是1000px，如何让它在浏览器里达到居中，并且左右自适应？

　　div{width:1000pxmargin:0auto}11、常用的调试工具有哪些？

　　谷歌的审查元素、火狐的firebug、IE开发者工具F12等

12、分别说出float对块属性及行内属性标签的影响是什么？

　　对块属性标签的影响：可以使块属性元素并排排列，在没有设置宽高的情况下浮动后，内容撑开宽度高度

　　对行属性标签的影响：float之后能设置width和height属性，并支持margin和padding属性

13、写出兼容IE及其他主流浏览器的CSS半透明设置？

　　div{opacity:0、5fiter:alpha(opacity=50)}

14、写出常见的CSS兼容性问题？（列举至少4个）

　　1、不同浏览器的标签默认的margin和padding差异2、图片之间默认有间距3、不透明度

　　4、图片有链接时的边框问题；5、双倍marginbug

15、CSSposition属性的常用值有哪些？分别是什么意思？

　　Position:relative相对定位（通常用在父级）Position:absolute绝对定位（通常用在子级）Position:fixed固定定位(相对于浏览器窗口)

16、以下的CSShack设置分别适用于哪个浏览器？

　　_background-color:greenIE6适用*+background-color:pinkIE7适用*background-color:blackIE6、IE7适用

　　针对不同的浏览器或不同版本浏览器而写特定的CSS样式，叫做CSShack

17、html的书写规范有哪些？

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