欢迎来到天天文库
浏览记录
ID:39419639
大小:1.53 MB
页数:24页
时间:2019-07-02
《手工编写与借助工具》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、第8章手工编写与借助工具8.1手工方式编写页面8.2使用Dreamweaver进行CSS设置第8章手工编写与借助工具上一章介绍了CSS的基本思想和基本使用方法。在继续深入讲解各种CSS属性之前,在本章先进行一些实际的操作,实际编写一个比较完整的使用CSS的网页,为后面继续深入学习HTML和CSS打下基础。本章将分别介绍如何使用手工代码方式,以及使用Dreamweaver软件可视化的方式分别完成同一个页面。8.1手工方式编写页面图3.1体验CSS8.1.1构建页面框架考虑到单纯的文字显得贫乏,因此加入一幅图片作为简单的插图。图片
2、所在的位置与正文一样,使用HTML语言中的标记,此时,
1969年,为了保障通信联络,美国国防部高级研究计划署ARPA资助建立了世界上第一个分组交换试验网ARPANET,连接美国四个大学。ARPANET的建成和不断发展标志着计算机网络发展的新纪元。
3、/body>图3.3加入图片8.1.2设置标题
4、3.5图文混排8.1.4设置正文p{font-size:12px;text-indent:2em;line-height:1.5;padding:5px;}图3.6修改正文样式8.1.5设置整体页面body{margin:0px;background-color:#CCCCFF;}图3.7设置页面的整体效果8.1.6对段落进行分别设置上面设置CSS样式使用的都是标记选择器,为了验证一下其他的选择器的用法,这里为两个文本段落分别设置不同的效果。首先,分别给两个段落的
标记设置一个id属性,代码如下:196
5、9年,为了保障通信联络,美国国防部高级研究计划署ARPA资助建立了世界上第一个分组交换试验网ARPANET,连接美国四个大学。ARPANET的建成和不断发展标志着计算机网络发展的新纪元。
6、order-right:3pxreddouble;}#p2{border-right:3pxorangedouble;}图3.8对段落进行不同的设置8.2使用Dreamweaver进行CSS设置8.2.1创建页面图3.9在Dreamweaver中输入文本段落8.2.2新建CSS规则8.2.3编辑CSS规则8.2.4为图像创建CSS规则
此文档下载收益归作者所有