CSS作业.doc

一、问答题 CSS选择器以及引入方式哪几种，CSS选择器有哪些以及它们的优先级 1、#id选择器 .class选择器 标签名选择器 2、内链式样式表 嵌入式样式表 外联式样式表 导入式样式表 3、行内样式??ID选择器样式??类选择器样式? 行内元素和块级元素的区别，分别举出6个行内元素和块级元素，块级元素的特点是什么 A（1）行内元素与块级元素直观上的区别 ?行内元素会在一条直线上排列，都是同一行的，水平方向排列 块级元素各占据一行，垂直方向排列块级元素从新行开始结束接着一个断行 （2）块级元素可以包含行内元素和块级元素。行内元素不能包含块级元素。 行内元素与块级元素属性的不同，主要是盒模型属性上 行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效行内元素转换为块级元素 ? ? ? display:block (字面意思表现形式设为块级)….. ul li table C??块级元素的特点：（1）总是从新行开始（2）高度，行高、外边距以及内边距都可以控制。（3）宽度默认是容器的100%（4）可以容纳内联元素和其他块元素。? ?? ?内联元素的特点：（1）和相邻行内元素在一行上。（2）高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效。（3）默认宽度就是它本身内容的宽度。（4）内联元素只能容纳文本或则其他内联元素。Margin padding 如何让一个div在页面中居中 Margin-left:50%; Margin-top:50% 如何隐藏一个div CSS的注释是什么 /* 怎样定义li列表项目符号为实心矩形 li { list-style-type:square; } margin:5px 2px; 表示什么 margin-top margin-border 为5px; margin-left margin-right 为2px CSS产生浏览器兼容性问题的原因是什么，举出三个处理浏览器兼容性问题的例子 10、如何实现层级元素中的文字水平居中和垂直居中 11、盒子模型包含哪些内容 1、width 2、height 3、padding 5、margin 6、border 12、绝对定位和相对定位的区别 绝对定位相对于浏览器而言；相对定位相对于父级元素。 13、如何清除浮动 clear:both 14、如何让一个div置于另一个div上面 Z-index 15、在新窗口打开一个超链接的方法是什么 a href=xxxx target=_blank 16、背景具有哪些css属性 background-color background-image background-repeat background-attachment background-position; 17、当div里面的文字高度大于div高度的时候，如何让div产生一个滚动条 overflow 18、a:link,a:hover,a:active,a:visitied，如何处理它们的浏览器兼容性问题 19、如何处理常用块级元素(如：body，p，ul，hr，h1~h6)默认有间距的兼容性问题 margin-left:auto;margin-right:auto margin:0 auto; div align=”center”/div 20、display:block, display:inline, display: inline-block的区别是什么？ 此元素将显示为块级元素，此元素前后会带有换行符。 此元素会被显示为内联元素，元素前后没有换行符。 行内块元素。 二、操作题 目录结构：(image文件夹存放图片，css文件夹存放css文件) 编写demo1效果图的菜单(存放在demo1文件夹中，文件夹中的目录格式如上，所需素材见素材文件夹) 编写demo2效果图的产品列表（存放在demo2文件夹中，文件夹中的目录格式如上，所需素材见素材文件夹） 3、写demo3效果图的搜索页面（存放在demo3文件夹中，文件夹中的目录格式如上，所需素材见素材文件夹）/ 4、编写demo4效果图的页面（存放在demo4文件夹中，文件夹中的目录格式如上，所需素材见素材文件夹）/login/index.htm 5、制作demo5效果图（存放在demo5文件夹中，文件夹中的目录格式如上，所需素材见素材文件夹） 6、百度首页 demo6里面