频道栏目
首页 > 资讯 > HTML/CSS > 正文

html+div+css布局入门

14-04-03        来源:[db:作者]  
收藏   我要投稿

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

对于刚入门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

为元素规定 aspect 值。

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.html来展示一下这些属性的设置方法。

css demo

<>

字体属性设置:

隶属,黑体,16ptbr>

字体属性设置

前景红色,背景黄色

点击复制链接 与好友分享!回本站首页
相关TAG标签
上一篇:设计模式笔记06-命令模式
下一篇:基于C#分步式聊天系统的在线视频直播系统设计
相关文章
热门专题推荐 vmware win7激活工具 win10激活工具 excel word office激活 小马激活工具 重装系统 数据恢复 u盘启动工具
图文推荐
文章
推荐
热门新闻

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站