2022年网页设计师面试题 .pdf

《2022年网页设计师面试题 .pdf》由会员分享，可在线阅读，更多相关《2022年网页设计师面试题 .pdf（3页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、1.请写出以下css 样式名称：改变元素的内填充用_ padding 改变元素的外边距用_ margin 2.在 Table中， TR 是_TD是_ TR 代表表格中的一行 TD 代表表格中的一个单元格3.色彩的三要素、及其特点：明度、色相、饱和度。明度可以简单理解为颜色的亮度色相，色彩可呈现出来的质的面貌饱和度是指色彩的鲜艳程度，也称色彩的纯度4. CSS 样式表一共分3 种，分别是：1、内联样式表: 内联样式表是写在标记内的，只对所在标记有效。2、内部及联样式表: 利用 标记将样式表嵌在HTML 文件的头部。3、外部级联样式表: 使用 标记可以将样式表链接到网页上。5.IE6的 margi

2、n双倍边距bug问题：例如： body margin:0; div float:left; margin-left:10px; width:200px; height:200px; border:1px solid red; 浮动后本来外边距10px, 但 IE 解释为 20px, 解决办法是加上display:inline6.请写出用 ul 、li 做的横向导航：名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 1 页，共 3 页 - - - - - - - - - 主页 工作日志

3、设备运行记录 其他 /* ul li以横排显示 */ /* 所有 class为 menu 的 div中的 ul样式 */ div.menu ul list-style:none; /* 去掉 ul前面的符号 */ margin: 0px; /* 与外界元素的距离为0 */ padding: 0px; /* 与内部元素的距离为0 */ width: auto; /* 宽度根据元素内容调整 */ /* 所有 class为 menu 的 div中的 ul中的 li样式 */ div.menu ul li float:left; /* 向左漂移，将竖排变为横排 */ /* 所有 class为 menu

4、 的 div中的 ul中的 a 样式 ( 包括尚未点击的和点击过的样式) */ div.menu ul li a, div.menu ul li a:visited background-color: #465c71; /* 背景色 */ border: 1px #4e667d solid; /* 边框 */ color: #dde4ec; /* 文字颜色 */ display: block; /* 此元素将显示为块级元素，此元素前后会带有换行符 */ line-height: 1.35em; /* 行高 */ padding: 4px 20px; /* 内部填充的距离 */ text-dec

5、oration: none; /* 不显示超链接下划线 */ white-space: nowrap; /* 对于文本内的空白处，不会换行，文本会在在同一行上继续，直到遇到 标签为止。 */ /* 所有 class为 menu 的 div中的 ul中的 a 样式 ( 鼠标移动到元素中的样式) */ div.menu ul li a:hover 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 2 页，共 3 页 - - - - - - - - - background-color: #

6、bfcbd6; /* 背景色 */ color: #465c71; /* 文字颜色 */ text-decoration: none; /* 不显示超链接下划线 */ /* 所有 class为 menu 的 div中的 ul中的 a 样式 ( 鼠标点击元素时的样式) */ div.menu ul li a:active background-color: #465c71; /* 背景色 */ color: #cfdbe6; /* 文字颜色 */ text-decoration: none; /* 不显示超链接下划线 */ 名师资料总结 - - -精品资料欢迎下载 - - - - - - - - - - - - - - - - - - 名师精心整理 - - - - - - - 第 3 页，共 3 页 - - - - - - - - -