demo41-案例练习 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <style type="text/css">
            .con{
                width: 560px;
                height: 260px;
                background: whitesmoke;
                border: 1px solid black;
                padding: 20px;
                
            }
            img{
                float: left;
                
            }
            /*设置float的时候要先设置width*/
            p{
                width: 394px;
                font-size: 14px;
                line-height: 24px;
                margin: 0;
                float: right;
                text-indent: 2em;
            }
        </style>
    </head>
    <body>
        <div class="con">
            <img src="img/programmer.jpg"/>
            <p>程序员(英文Programmer)是从事程序开发、维护的专业人员。一般将程序员分为程序设计人员和程序编码人员，但两者的界限并不非常清楚，特别是在中国。软件从业人员分为初级程序员、中级程序员、高级程序员、系统分析员，系统架构师，测试工程师六大类。
世界上第一位程序员是英国著名诗人拜伦的女儿,曾设计了巴贝奇分析机上解伯努利方程的一个程序。她叫AdaLovelace，她甚至还建立了循环和子程序的概念。由于其在程序设计上的开创性工作，AdaLovelace被称为世界上第一位程序员。美国国防部开发的ADA语言就是为纪念这位世界上的第一位程序员而命名的。
</p>
        </div>
    </body>
</html>

演示效果:

 

posted @ 2020-03-28 17:56  砚台是黑的  阅读(102)  评论(0)  编辑  收藏  举报