网页设计面试题 本资源摘要信息涵盖了网页设计面试题的多个方面,包括 HTML、CSS、网页布局、样式设置等。以下是相关知识点的详细解释: 一、填空题 1. br 标签在 XHTML 中语义为:换行符。 在 XHTML 中,br 标签用于生成换行符,换行符是指在文本中插入一个换行,以便换行显示文本。 2. CSS 设置字体大小的样式是:font-size。 CSS 的 font-size 属性用于设置字体的大小,可以设置绝对大小(如 12px)或相对大小(如 1.2em)。 3. 文字居中的 CSS 样式:text-align: center。 CSS 的 text-align 属性用于设置文本的水平对齐方式,center 值将文本居中对齐。 4. 清除左右两边浮动的 CSS 代码:clear: both。 CSS 的 clear 属性用于清除浮动元素的影响,both 值将清除左右两边的浮动。 5. 缩写后的 CSS 代码:#box {background: url(background.gif) no-repeat fixed -10px -20px #ff0000;}。 CSS 的 background 属性可以设置背景图片、重复方式、固定方式等多个样式,可以使用缩写形式来简化代码。 二、选择题 1. 产生粗体字的 HTML 标签:<strong>。 HTML 的 strong 标签用于生成粗体字,表示强调的文本。 2. HTML 中实现新窗口打开链接的方式:<a href="url" target="_blank">。 HTML 的 a 标签可以使用 target 属性来指定链接的打开方式,_blank 值将在新窗口中打开链接。 3. 在 HTML 中,哪个可以产生复选框:<input type="checkbox">。 HTML 的 input 标签可以用于生成多种控件,包括文本框、密码框、复选框、单选框等,type 属性用于指定控件的类型。 4. 在 HTML 中,正确引用外部样式表的方法:<link rel="stylesheet" type="text/css" href="mystyle.css">。 HTML 的 link 标签可以用于引用外部样式表,rel 属性用于指定样式表的类型,href 属性用于指定样式表的路径。 5. 下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度:<display: inline-block>。 CSS 的 display 属性可以用于设置元素的显示类型,inline-block 值将元素设置为内联块状元素,从而可以定义宽度和高度。 6. 显示这样一个边框:上边框 10 像素、下边框 5 像素、左边框 20 像素、右边框 1 像素:border-width: 10px 20px 5px 1px。 CSS 的 border-width 属性可以用于设置边框的宽度,使用空格分隔的四个值来分别设置上、右、下、左边框的宽度。 三、简答题 1. firefox 中嵌套 div 标签的居中问题: 要将类 b 在类 a 中居中放置,可以使用以下 CSS 代码: ``` .a {width: 300px; height: 300px; background: #ccc; text-align: center; padding: 20px;} .b {width: 100px; height: 100px; background: #666; margin: 0 auto;} ``` 并使用以下 HTML 代码: ``` <div class="a"> <div class="b">居中元素</div> </div> ``` 2. 定义 1px 左右高度的容器: 可以使用以下 CSS 代码: ``` .container {height: 1px; border-left: 1px solid #ccc; border-right: 1px solid #ccc;} ``` 3. IE6 下链接伪类 hover 过后,CSS 背景图片出现闪动的 BUG: 这个 BUG 的原因是 IE6 的一个 bug,解决方法是使用以下 CSS 代码: ``` a:hover {background-image: none;} ``` 或者使用 JavaScript 代码来解决这个问题。
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![docx](https://img-home.csdnimg.cn/images/20210720083331.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![txt](https://img-home.csdnimg.cn/images/20210720083642.png)
![text/x-c++](https://img-home.csdnimg.cn/images/20210720083646.png)
![mp4](https://img-home.csdnimg.cn/images/20210720083504.png)
![doc](https://img-home.csdnimg.cn/images/20210720083327.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![zip](https://img-home.csdnimg.cn/images/20210720083736.png)
![rar](https://img-home.csdnimg.cn/images/20210720083606.png)
![avatar-default](https://csdnimg.cn/release/downloadcmsfe/public/img/lazyLogo2.1882d7f4.png)
- 静听说_ai你2013-08-08有用 不错
![avatar](https://profile-avatar.csdnimg.cn/c6b6120386e44792a473e8616dddcca2_gogojiayou1989.jpg!1)
- 粉丝: 10
- 资源: 9
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![voice](https://csdnimg.cn/release/downloadcmsfe/public/img/voice.245cc511.png)
![center-task](https://csdnimg.cn/release/downloadcmsfe/public/img/center-task.c2eda91a.png)
最新资源
![feedback](https://img-home.csdnimg.cn/images/20220527035711.png)
![feedback-tip](https://img-home.csdnimg.cn/images/20220527035111.png)
![dialog-icon](https://csdnimg.cn/release/downloadcmsfe/public/img/green-success.6a4acb44.png)