html+div+css布局入门

当前位置 : 首页 > 网页制作 > CSS > html+div+css布局入门

html+div+css布局入门

来源: 作者: 时间:2016-01-25 10:02
本文是原创文章,如需转载请注明转自何处和链接。对于刚入门web开发的可以复制一下本博客的代码做个试验,对web开发有个大致的了解。首先,对于学校html非常方便,因为它不需要什

本文是原创文章,如需转载请注明转自何处和链接。

对于刚入门web开发的可以复制一下本博客的代码做个试验,对web开发有个大致的了解。

首先,对于学校html非常方便,因为它不需要什么编译器,你只需要用记事本就可以了,先用记事本建立一个文件index.html,输入以下代码。

html demo

Hello,html.

然后用流量器打开即可。你好看到如下hello,html输出在上面。

一般情况下html的标签是成对出现的,而且不区分大小写。

下面来简单的介绍一下css吧。css的全名为 Cascading Style Sheets(即层叠样式表),也就是通常所说的样式表,它是一种美化网页的技术。

来看一下css的属性吧,最常用的是字体,颜色,和背景属性了。

CSS 字体属性(Font)

属性描述CSS

font

在一个声明中设置所有字体属性。

1

font-family

规定文本的字体系列。

1

font-size

规定文本的字体尺寸。

1

font-size-adjust

为元素规定 ect 值。

2

font-stretch

收缩或拉伸当前的字体系列。

2

font-style

规定文本的字体样式。

1

font-variant

规定是否以小型大写字母的字体显示文本。

1

font-weight

规定字体的粗细。

1

CSS 背景属性(Background)

属性描述CSS

background

在一个声明中设置所有的背景属性。

1

background-attachment

设置背景图像是否固定或者随着页面的其余部分滚动。

1

background-color

设置元素的背景颜色。

1

background-image

设置元素的背景图像。

1

background-position

设置背景图像的开始位置。

1

background-repeat

设置是否及如何重复背景图像。

1

background-clip

规定背景的绘制区域。

3

background-origin

规定背景图片的定位区域。

3

background-size

规定背景图片的尺寸。

3

Color 属性

属性描述CSS

color-profile

允许使用源的颜色配置文件的默认以外的规范。

3

opacity

规定书签的级别。

3

rendering-intent

允许使用颜色配置文件渲染意图的默认以外的规范。

3


下面我们通过一个示例程序example.来展示一下这些属性的设置方法。

css demo

字体属性设置:

隶属,黑体,16ptbr>

字体属性设置

前景红色,背景黄色

Tag:
网友评论

<