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

html+div+css布局入门

2014-04-02 13:17 239 查看

作者：王奎我的博客：www.marksaas.com
对于刚入门web开发的可以复制一下本博客的代码做个试验，对web开发有个大致的了解。
首先，对于学校html非常方便，因为它不需要什么编译器，你只需要用记事本就可以了，先用记事本建立一个文件index.html，输入以下代码。
<html>
<head>html demo<head>
<body
Hello,html.
</body>
</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来展示一下这些属性的设置方法。
<html>
<head>css demo<head>
<body
<div align="left">字体属性设置：</div>
<span style="font-family:隶属;font-size:16pt;">隶属，黑体，16pt</span>br>
<div align="left">字体属性设置</div>
<spanstyle="color:red;background-color;yellow;">
前景红色，背景黄色</span><br>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： web开发浏览器标签 css color

相关文章推荐

新的分享

章节导航