一、问答题
1、CSS选择器以及引入方式哪几种，CSS选择器有哪些以及它们的优先级
1、#id选择器
.class选择器
标签名选择器
2、内链式样式表
嵌入式样式表
外联式样式表
导入式样式表
3、行内样式 > ID选择器样式 > 类选择器样式
2、行内元素和块级元素的区别，分别举出6个行内元素和块级元素，块级元素的特点是什
么
A（1）行内元素与块级元素直观上的区别
行内元素会在一条直线上排列，都是同一行的，水平方向排列；
块级元素各占据一行，垂直方向排列；
块级元素从新行开始结束接着一个断行。

（2）块级元素可以包含行内元素和块级元素。

行内元素不能包含块级元素。

（3）行内元素与块级元素属性的不同，主要是盒模型属性上
行内元素设置width无效，height无效(可以设置line-height)，margin上下无效，padding上下无效
（4）行内元素转换为块级元素
display:block (字面意思表现形式设为块级)
B行内元素
<a>
<img>
<input>
<span>
<select>
<br>
块级元素
<div>
<form>
<h1>…..
<ul>
<li>
<table>
C块级元素的特点：
（1）总是从新行开始
（2）高度，行高、外边距以及内边距都可以控制。

（3）宽度默认是容器的100%
（4）可以容纳内联元素和其他块元素。

内联元素的特点：
（1）和相邻行内元素在一行上。

（2）高、宽无效，但水平方向的padding和margin可以设置，垂直方向的无效。

（3）默认宽度就是它本身内容的宽度。

（4）内联元素只能容纳文本或则其他内联元素。

3、改变元素外边距是什么属性，改变元素内边距是什么属性
Margin
padding
4、如何让一个div在页面中居中
Margin-left:50%;
Margin-top:50%
5、如何隐藏一个div
6、CSS的注释是什么
/*
7、怎样定义li列表项目符号为实心矩形
li { list-style-type:square; }
8、margin:5px 2px; 表示什么
margin-top margin-border 为5px;
margin-left margin-right 为2px
9、CSS产生浏览器兼容性问题的原因是什么，举出三个处理浏览器兼容性问题的例子
10、如何实现层级元素中的文字水平居中和垂直居中
11、盒子模型包含哪些内容
1、width
2、height
3、padding 5、margin 6、border
12、绝对定位和相对定位的区别
绝对定位相对于浏览器而言；相对定位相对于父级元素。

13、如何清除浮动
clear:both
14、如何让一个div置于另一个div上面
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文件)
1、编写demo1效果图的菜单(存放在demo1文件夹中，文件夹中的目录格式如上，所需
素材见素材文件夹)
2、编写demo2效果图的产品列表（存放在demo2文件夹中，文件夹中的目录格式如上，
所需素材见素材文件夹）
3、写demo3效果图的搜索页面（存放在demo3文件夹中，文件夹中的目录格式如上，所需素材见素材文件夹）/
4、编写demo4效果图的页面（存放在demo4文件夹中，文件夹中的目录格式如上，所需素材见素材文件夹）https:///login/index.htm
5、制作demo5效果图（存放在demo5文件夹中，文件夹中的目录格式如上，所需素材见素材文件夹）
6、百度首页demo6里面。