通过前面的 HTML 和 CSS 的学习，我们现在可以做一个简单的网页；
预览效果：
1.首先新建一个.html 文件（wangye.html）:
<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Java之父</title><link href="wangye.css" type="text/css" rel="stylesheet"></head><body><h1>Java之父——詹姆斯·高斯林</h1><img src="https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=923324e82f1f95cab2f89ae4a87e145b/1c950a7b02087bf40fe8767ff8d3572c11dfcf1b.jpg"/><p> 詹姆斯·高斯林 （James Gosling）是一名软件专家，1955年5月19日出生于加拿大，Java编程语言的共同创始人之一，一般公认他为“Java之父”。</p><p> 20世纪90年代，硬件领域出现了单片式计算机系统，这种价格低廉的系统一出现就立即引起了自动控制领域人员的注意，因为使用它可以大幅度提升消费类电子产品（如电视机顶盒、面包烤箱、移动电话等）的智能化程度。Sun公司为了抢占市场先机，在1991年成立了一个称为Green的项目小组，帕特里克、詹姆斯·高斯林、麦克·舍林丹和其他几个工程师一起组成的工作小组在加利福尼亚州门洛帕克市沙丘路的一个小工作室里面研究开发新技术，专攻计算机在家电产品上的嵌入式应用。</p><p> 博士论文的题目是："The Algebraic Manipulation of Constraints"。毕业后到IBM工作，设计IBM第一代工作站NeWS系统，但不受重视。后来转至Sun公司。1990年，与Patrick Naughton和Mike Sheridan等人合作“绿色计划”，后来发展一套语言叫做“Oak”，后改名为Java。1994年底，James Gosling在硅谷召开的“技术、教育和设计大会”上展示Java程式。2000年，Java成为世界上最流行的电脑语言。</p></body></html>
复制代码
首先弄一个 html 的主要架构出来，弄标题，图片以及段落文字等；
然后引入一个 link，引入.css 文件，将修饰 html 内容的东西都在写.css 文件里面；
2.修饰文件 css 的引入（wangye.css）：
@CHARSET "UTF-8"; /* 用CSS进行修饰页面 */ /*设置标题 */ h1{ color:white; background-color: gray; /*设置标题居中*/ text-align: center; /*设置标题上下相隔20px，盒子模型*/ padding:20px; } /*设置图片*/ img{ width:160px; height:180px; /* 图片向左悬浮，文字在图片右边 */ float:left; /*文字与图片的距离*/ margin:6px; } /*设置正文*/ p{ font-size:12px; /* 每一行之间相隔的距离 */ line-height:3; /* 每一个段落的开头空2em */ text-indent: 2em; } /*设置整体页面布局*/ body{ /*设置标题栏与浏览器页面0间隙*/ margin:0px; /*设置网页背景颜色为浅灰色DFDFDF*/ background-color: #DFDFDF; }
复制代码
其中.html 文件中引入的 link 中的 href 的内容就是.css 文件的名称！
我是【程序员的时光】，热爱技术分享，信仰终身学习，爱健身，会点厨艺的热血青年，我们下期再见！
评论