css面试试题汇总.pdfVIP

问答题 1、设置一个元素的自适应浏览器的可视高度？ style type=text/css body {margin:0;padding:0;height:100%;position: absolute;} .main {width:200px;background- color:red;height:100%;} /style div class=main/div 2、css 选择器有哪些？优先级是怎样的？ 如 class 定义一个 html 元素没有边框 , 而 id 定义这个元素有边框 , 结果呢 ? 3、xhtml1.0 的书写规则 ①html 文档第一行加入版本类型声明 ②我们习惯给 HTML标签里加入可扩展标记语言命名空间（ xmlns ）的声明 ③文档分为 head 和 body 两个部分。 ④所有标签都必须有相应的结束标签 ⑤所有标签的元素和属性的名字都必须使用小写 ⑥所有标签必须合理嵌套。 ⑦给所有属性都赋值。 ⑧img 必须要有 alt 属性。 ⑨ 等需要被转码表示 4、一个标签的子标签浮动，如何清除子标签的浮动？ 5、pnbsp;nbsp; 哥写的不是 html, 是寂寞。 brbrnbsp;nbsp; 我说： br 不要迷恋 哥，哥只是一个传说。以上代码中不合理的地方有哪些？ .pbr 没有关标签 第二行是另外一段应另外加一对 p标签 首行缩进不能用 nbsp; 应该用 css 的 text-indent:2em; 控制缩进 6、在 html 代码中如何做搜索引擎优化 ? a. 优化代码使代码尽量最简化 b. 合理使用 h1~h5/strong/em 等搜索引擎中权重较高的标签 c. 代码书写规范化语义化 d.img 标签和 a 标签要加 title 属性以及相关的内容 e. 图片不能用 ad 开头命名会被遨游当做广告屏蔽 f. 头部 meta里面的关键字（ keyword ）和描述（ descriptation ） 7、div+css 布局较 table 布局有什么优点 div+css 布局较 table 布局扩展性好；后期维护时更改版块更容易；样式更加灵活多样 8、如果一个元素浮动，如何使他在浏览器中居中。 a. 内层浮动外层设置宽度则对外层标签 margin:0 auto; b.li 浮动 ul 不设置宽度时， 即当不能得知外层标签的实际宽度或外层标签的宽度将自动适 应 时，标签内容如何居于浏览器之中？ style type=text/css body,div,ul,li {margin:0;padding:0;} .main {border:1px yellow solid;text- align:center;} ul {border:1px red solid;overflow:hidden;zoom:1;display:inli ne-block;} ul {*display:inline;} ul li {height:30px;border:1px green solid;float:left;list-style-type:none;} /style div class=main ul li 首页 /li li 首页 /li li 首页 /li li 首页 /li li 首页 /li li 首页 /li /ul /div 9、请用 css 实现如下效果：有三列 div ，两边两列固定宽 200px ，中间宽自适应，三列高度 被内容撑开，并且始终与最高 div 那列的高度保持一致。 一个小技巧 margin 负值解决此问题 style type=text/css body,div {margin:0;padding:0;} .cen {border:1px blue solid;overflow:hidden;zoom:1;} .main,.left,.right {width:100px;border:1px red solid;padding-bo