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>
演示效果: