1.使用font-family 属性,同时设置英文字体和中文字体时需要注意什么问题?
英文字体写在前面,中文的写在后面
2.在CSS中,常见的背景属性有哪些,他们的作用是什么?
background 在一个声明中设置所有的背景属性。
background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。
background-color 设置元素的背景颜色。
background-image 设置元素的背景图像。
background-position 设置背景图像的开始位置。
background-repeat 设置是否及如何重复背景图像。
background-clip 规定背景的绘制区域。
background-origin 规定背景图片的定位区域。
background-size 规定背景图片的尺寸。
3.
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>北大青鸟课程介绍页面</title>
<link href="css/5.3.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="bdqn">
<img src="image/title.gif"/><br/>
<img src="image/img_01.png"/>
<div class="first">
<span>逆向课程设计:</span> 以企业需求决定课程设计内容,确保训练内容及深度和企业需求一致<br/>
<span>模拟学员学习路线:</span> 强调难点和复杂技能点的反复训练,力求学习效果和学习体验<br/>
<span>互联网作为教学环境: </span> 学员的日常教学和训练均在互联网线上进行<br/>
<span>学习挡板监控网上学习效果:</span> 每个学习阶段设置线上线下测试,严密监控学习效果<br/>
<span>真实开发项目经验积累:</span> 采用专业互联网企业提供的真实项目作为模拟开发
</div>
<img src="image/img_02.png"/>
<div class="last">
<span>【实用性】――</span> 以就业岗位需求为导向,重点讲解企业80%的时间在使用的20%的技术<br/>
<span>【权威性】――</span> 与来自百度等知名企业的专家联合开发<br/>
<span>【专业性】――</span> 引进业内资深人才和典型行业开发项目<br/>
<span>【真实性】――</span> 在互联网真实环境下进行教学和训练<br/>
<span>【易学性】――</span> 在线培训模式,24小时专家在线解答疑难问题<br/>
<span>【完整性】――</span> 利用SNS虚拟社区:学习、人脉双丰收
</div>
</div>
</body>
</html>
4.
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>初相遇</title>
<link href="css/5.4.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="all">
<h1>初相遇 <span>文/席慕容</span></h1>
<p>
<span class="first">美</span>
丽的梦和美丽的诗一样,都是可遇而不可求的,常常在最没能料到的时刻里出现。
</p>
<p>
我喜欢那样的梦,在梦里,一切都可以重新开始,一切都可以慢慢解释,心里甚至还能感觉到,所有被浪费的时光竟然都能重回时的狂喜与感激。
<span class="middle">胸怀中满溢着幸福,只因你就在我眼前</span>,
对我微笑,一如当年。
</p>
<p class="last">
我喜欢那样的梦,明明知道你已为我跋涉千里,却又觉得芳草鲜美,落落英缤纷,好像你我才初相遇。
</p>
</div>
</body>
</html>
5.
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>淘宝女装分类页面</title>
<link href="css/5.5.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<div id="all">
<ul>
<li>
<h3 class="set01">夏季流行</h3>
<hr/>
<div class="li">
<a href="#">夏季新品</a>
<a href="#">雪纺裙</a>
<a href="#">短袖T</a>
<a href="#">铅笔裤</a>
<a href="#">短裤</a>
<a href="#">短袖衬衫</a>
<a href="#">小脚牛仔裤</a>
<a href="#">开衫</a>
<a href="#">蕾丝/雪纺衫</a>
<a href="#">韩版外套</a>
<a href="#">小西装</a>
<a href="#">中长款裙</a>
</div>
</li>
<li>
<h3 class="set02">上装</h3>
<hr/>
<div class="li">
<a href="#">T恤</a>
<a href="#">衬衫</a>
<a href="#">针织衫</a>
<a href="#">长袖T</a>
<a href="#">韩版T</a>
<a href="#">情侣衫</a>
<a href="#">雪纺衬衫</a>
<a href="#">韩版衬衫</a>
<a href="#">防晒衣</a>
<a href="#">休闲套装</a>
<a href="#">卫衣</a>
<a href="#">背心/吊带</a>
</div>
</li>
<li>
<h3 class="set03">裙子</h3>
<hr/>
<div class="li">
<a href="#">连衣裙</a>
<a href="#">半身裙</a>
<a href="#">长裙</a>
<a href="#">短袖裙</a>
<a href="#">蕾丝连衣裙</a>
<a href="#">长袖裙</a>
<a href="#">无袖/背心裙</a>
<a href="#">A字裙</a>
<a href="#">牛仔裙</a>
<a href="#">半身中长裙</a>
<a href="#">半身短裙</a>
<a href="#">包臀裙</a></div>
</li>
<li>
<h3 class="set04">裤子</h3>
<hr/>
<div class="li">
<a href="#">裤子</a>
<a href="#">休闲裤</a>
<a href="#">牛仔裤</a>
<a href="#">打底裤</a>
<a href="#">长裤</a>
<a href="#">哈伦裤</a>
<a href="#">阔腿裤</a>
<a href="#">短裤/热裤</a>
<a href="#">连体裤</a>
<a href="#">七/九分裤</a>
<a href="#">牛仔短裤</a>
<a href="#">西装裤</a></div>
</li>
<li>
<h3 class="set05">其他女装</h3>
<hr/>
<div class="li">
<a href="#">胖M装</a>
<a href="#">中老年</a>
<a href="#">婚纱</a>
<a href="#">礼服</a>
<a href="#">旗袍</a>
<a href="#">夜店</a>
<a href="#">舞台装</a>
<a href="#">唐装</a>
<a href="#">职业装</a>
<a href="#">全球购</a>
<a href="#">羊绒衫</a>
<a href="#">毛衣</a>
<a href="#">呢大衣</a>
<a href="#">羽绒服</a>
<a href="#">真皮皮衣</a>
</div>
</li>
</ul>
</div>
</body>
</html>