湖北理工css大题参考.doc

为什么在网页中加入CSS？ 在网页中加入CSS用于有效地设计和实现网页排版布局的一组描述或定义。而CSS通过样式来表示网页的颜色，字体，背景色，边框线及网页内容的位置及大小尺寸等属性；可以精确地控制网页中各个元素的位置；简化代码，提高下载速度；可以和脚本语言相结合，从而使网页中的元素实现动态效果；代码兼容性更好。 请分别介绍如何使用？ 一共有4中：链入外部样式表，内部样式表，导入外样式表，内嵌样式表； 1，链入外部样式表：链入外部样式表保存为一个样式表文件，然后在页面中用《link》标记练到这个样式表文件，这个《link》标记必须放到页面的head区内如： 《head》····link href=”mystyle,css” rel=’stylesheet’ ````《/head》 2,内部样式表：是将定义样式表的内容放在style元素中，并设置type属性为text/css。 然后将style元素放在HTML文档的head元素中。 3.导入外部样式表：导入外部样式表是在内部样式表的style里导入一个外部样式表，导入时用@import.如：head``````style type=”text/css” !-- @import “mystyle.css” 其他样式表的声明 --》 /style 4.内嵌样式：内嵌样式是混合在html标记里使用的，内嵌样式的使用时直接将在HTML标记里加入style，而style参数的内容就是CSS的属性和值。 1)．解释性的2．用于客户端的 3．基于对象的4．与Java比较a.程序原代码嵌入在HTML文件中只作用于HTML的对象元素b. 没有严格的数据类型c.只能在浏览器中应用， 1.input name=”” type=”text” style=”background:#FFF000; color: #0000ff;bordercolor:#FF0000;” / input id=input / script type=text/javascript document.getElementById(input).style.backgroundColor = red; /script 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} B)#menu {background:#9bbb38; color:#fff; padding:4px 10px} C)#menu ul {margin:0; padding:0; float:left; width:100%; background:#9bbb38} 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;} #menu li a:hover {background:#fff; color:#9bbb38} 请说明ABCDE行所定义样式 A)#menu a {margin-right:20px} 链接 右边距为20像素 B)#menu {background:#9bbb38; color:#fff; padding:4px 10px} 绿色 白色 上下间距为4像素，左右为10像素 C)#menu ul {margin:0; padding:0; float:left; width:100%; background:#9bbb38} 列表 内间距， 外边距为0像素 左排列 100%宽度 D)#menu li { padding:0; margin:0; list-style:none; float:left;} 菜单里的元素 内间距， 外边距为0像素 取消列表样式（列表项符号） 左排列 E)#menu li a {display:block; margin:0 1px 0 0; padding:4px