css案例1:学成网在线教育平台首页01

html-css016

css案例1:学成网在线教育平台首页01,第1张

这是一个简单的案例会把之前博客中讲到的CSS的基本知识串起来,算是一个稍微综合一点的案例了!这里我会详细的每一部分的进行介绍!

从这张图中我们可以看到首页大致分为如下的几个部分:

CSS初始化

确定版心的大小

可以使用PS的矩阵选框工具确定

如图所示版心的宽为1200px

导航栏的大小为1366px

可以分为四部分来做:logo、navbar、search、personal

页面结构部分:

CSS的样式部分

其中需要注意的几个点是:

结构

css样式为:

注意点:

结构

CSS样式:

需要注意的是

结构

样式

注意:

结构

样式css

注意

css是一种样式,是控制网页上包含的各种元素现实格式的手段。网页上的元素通常有图片,文字等。

比如控制文字的大小,颜色,粗细 。控制图片的高度,宽度、透明度等。控制层的位置,浮动等。

总之,css几乎可以控制网页上所有元素的格式。

css的语法很简单。 选择器:属性:参数。 选择器就是元素的名称(可以这么理解)

上面这个例子是div+css+javascript做成的