網页设计复习题解答.docVIP

1.为什么在网页中加入CSS？ Css称为“层叠样式表”，它是一种制作网页的新技术，可以是网页后台代码显得更加清晰，实现内容与格式的分离，而且可以实现代码的复用，在网页排版中起着至关重要的作用。 2．在HTML网页中添加CSS有几种方法？请分别介绍如何使用？ 有4种方法。 1链接方式：在html页面中使用link标签来添加外部样式表，其基本语法格式为 link type=”text/css” href=”外部样式表文件名” rel=”stylesheet” 2行内方式：直接在html页面内的标签中添加style属性，然后在style属性中定义所需的样式属性其基本语法格式为： 标记 style=”样式属性：属性值；样式属性：属性值；……” 3嵌入外部样式：在html代码的主体中直接导入样式表，基本语法格式为： style type=”text/css”@import url(“外部样式表文件名”);/style 4定义内部样式表：直接在html文档的head/head中设置样式，基本格式为： style type=”text/css” 选择符1{样式属性：属性值；样式属性：属性值；….} 选择符2{样式属性：属性值；样式属性：属性值；….} 选择符3{样式属性：属性值；样式属性：属性值；….} …… /style 3.JavaScript的特点有哪些？ 是一种脚本编写语言，采用小程序段的方式实现编程； 是一种基于对象的语言； 简单； 安全； 语言是动态的； 具有跨平台性； 4.CSS中margin和padding的区别 Margin控制元素边框之间的间距，padding控制元素里的内容与边框的间距 5.css 中id和class如何定义,哪个定义的优先级别高?、 两个都属于css选择器，id选择器定义时在选择符前面加上”#”，而class选择器定义时在选择符前面加上”.”，id定义的优先级别高 6.CSS中span和div的区别 Div是一个块级元素，而span是一个行内元素，它没有结构的意义，纯粹是一个样式，span的前后是不会换行的，而一般一个div占一行 7．CSS+DIV 布局的优点有哪些？ 一、使页面载入得更快 二、降低流量费用 三、修改设计时更有效率 四、保持视觉的一致性　 五、更好地被搜索引擎收录 六、对浏览者和浏览器更具亲和力 8.CSS引入的方式有哪些? link和@import的区别? link是一个html的一个标签，而@import是css的一个标签, link除了调用css外还可以有其他作用譬如声明页面链接属性，声明目录等等，而@import就只能调用css。 1，设计图`1中文本框样式.背景为黄色，文字为蓝色边框线为红色.写出样式代码 input name=”” type=”text” style=”background:yellow; color:blue;bordercolor:red;” / 2．对于下面的HTML代码 div id=menu/*菜单栏*/ ul lia href=sx2_1_photo.htm我的照片/a/li lia href=sx2_1_vodeo.htm我的录像/a /li lia href=sx2_1_blog.htm我的日记/a/li /ul/div 其对应的样式表文件如下： A)#menu a {margin-right:20px} 链接 右边距20像素 B)#menu {background:#9bbb38; color:#fff; padding:4px 10px} Div层背景为绿色，层内文字颜色为白色，层内上下边距4像素，左右边距10像素 C)#menu ul {margin:0; padding:0; float:left; width:100%; background:#9bbb38} 列表 内边距外边距为零，左浮动，宽度为100%，背景色为绿色 D)#menu li { padding:0; margin:0; list-style:none; float:left;} 列表内元素 内边距外边距为零，无元素列表样式，左浮动 E)#menu li a {display:block; margin:0 1px 0 0; padding:4px 10px; width:60px; background:#9bbb38; color:#fff; text-align:center; text-decoration:none;} 元素内的链接 以块的方式显示，上下左外边距为零，右外边距为1像素，上下内边距为4像素，左右内边距为10像素，宽度60像素，背景绿色，链接文字颜