css基础-对网页进行美化

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>网页</title>
    <style type="text/css">
        /**
         * 用css对页面进行美化
         */

        /*设置整体页面*/
        body{
            margin: 0px;
            background-color: #DFDFDF;  /*把背景设为灰色*/
        }

        /*设置标题*/
        h1{
            color:white;  /*标题颜色*/
            background-color:gray;  /*背景颜色*/
            text-align: center;  /*文字居中*/
            padding: 20px;  /*内边距*/
        }

        /*设置图片*/
        img{
            width: 120px;
            height: 130px;
            float: left; /*向左悬浮,文字在图片右边*/
            margin: 10px;   
        }

        /*设置文字*/
        p{
            font-size: 12px;    /*文字大小*/
            line-height: 1.5 /*行高*/ text-indent: 2em;   /*每段开头的间隔为 2 个字*/
        }

    </style>
</head>
<body>
    <h1>Java之父--詹姆斯·高斯林</h1>
    <img src="https://p1.ssl.qhmsg.com/t0186c18ac7ba5920c3.jpg"
    <p>出生于加拿大，是一位计算机编程天才。在卡内基·梅隆大学攻读计算机博士学位时，他编写了多处理器版本的Unix操作系统，是JAVA编程语言的创始人。</p>
    <p>1991年，在Sun公司工作期间，高斯林和一群技术人员创建了一个名为Oak的项目，旨在开发运行于虚拟机的编程语言，同时允许程序在电视机机顶盒等多平台上运行。后来，这项工作就演变为Java。随着互联网的普及，尤其是网景开发的网页浏览器的面世，Java[1] 成为全球流行的开发语言。因此被人称作Java之父。
    折叠</p>
    <p>高斯林一直对甲骨文(Oracle)公司抱有不满。这位工程师在离开甲骨文(Oracle)公司时写到，"我所说的都关乎细节与诚实，但吐露真相只会带来更多的坏处。"并称，"在Sun公司与甲骨文(Oracle)公司的并购会议上，到处是有关Sun公司和谷歌专利的争吵。甲骨文律师的眼睛闪闪发光。"</p>



</body>
</html>
这里写图片描述
css基础-对网页进行美化

猜你喜欢
