第三章 体验CSS

<html>
<head>
<title>体验css</title>
<style type="text/css">
body{
    padding:0px;
    margin:0px;
    background-color:#ffff99;
    }
#title{
    font-size:19px;  /* 字号*/
    font-weight:bold;    /* 粗体*/
    text-align:center;     /* 居中*/
    padding:15px;    /* 间距*/
    background-color:#ffffcc;    /* 背景色*/
    border:1px solid #ffff00;    /* 边框*/
}
#content{
    padding:6px;     /* 间距*/
    font-size:13px;      /* 字号*/
    lin:130px;      /* 行间距*/
    }
img{
    float:left;     /*图文混排*/
    filter:alpha(opacity=100,finishopacity=0,style=2);   /*渐变效果*/
    }
</style>
</head>
<body>
<div id="title">CSS简介</div>
<div id="content"><img src="file:///F|/0-css+div/书中实例/第1章/bike.jpg" border="0">CSS(CascadingStyleSheet),中文译为层叠样式表,是用于控制网页样式并允许将样式信息与网页内容分离的一种标记行语言。CSS是1996年有W3C审核通过,并且推荐使用的。简单地说CSS的引入就是为了使得HTML能够更好的适应页面的美工设计。</div>
</body>
</html>

1、建立HTML文件,构建最简单的页面框架。其内容包含标题和正文部分,每一个部分又分别处于不同的模块中。

2、加入图片使用HTML语言中的<img>标记

3、页面中有两个<div>标记,分别以块的形式划分出标题和内容,因此必须对其分别进行控制,加入CSS控制id。

4、注释的语句都位于“/*”与“*/”之间,其内容可以是单行也可以是多行(注:对于单行注释,每行注释的结尾都必须机上*/,否则将会使得之后的代码失效。)

5、在<style>与</style>之间常常会见到“<!--”和“-->”将所有的CSS代码包含于其中,这是为了避免老式浏览器不支持CSS、将CSS代码直接显示在浏览器上而设置的HTML注释。

 

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。