您的位置:首页 > Web前端 > CSS

CSS基础知识

2007-12-03 09:44 417 查看
导学:
Css作用是定义元素的样式和网页布局
主页制作时采用CSS技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制,所有你见到的样式都可以用css来实现。
Css是使网页易于维护
Css既能为特定的id的元素定义样式,也能定义公用的样式供多个元素引用,这样当我们想改变网页样式时候,只需要改变css文件就可以了。
Css技术有利于seo(搜索引擎优化)
将元素样式的定义放在css文件中能明显减小html文件的体积,从而使页面更容易被搜索引擎收录,
搜索引擎只关心页面的内容,而大小、颜色这些样式则不关心。

要求:
1 能用css定义元素样式,包括字体、大小、颜色、文字间距、边框、边距、背景图片等;
2 理解css中的盒模型;
3 掌握多种嵌入css写法:嵌入、外部文件链接;

参考链接:
1 http://www.hongen.com/pc/homepage/css/css0101.htm 快速入门
2 http://homepage.yesky.com/349/3124849.shtml css盒模型
3 http://www.baidu.com

作业:




要求:
1 灰框宽550px,正文字体大小12px,行间距10px,距边框5px;
2 色块宽100px, 色块内导航文字大小14px,左边距10px,上边距5px;
3 最左边色块左边距10px,所有色块上边距8px;
4 css书写方式文件链接或者嵌入均可;

知识点:
1盒模型知识,内边距、外边距;
2css定义字体、大小、颜色、行间距、边框等;
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: