首先在设计里面写好自己需要的内容，在文字设置中，选中要设置的文字，然后点击属性栏的css，把目标规则改为新内联样式，然后在改变字体的大小颜色样式，然后在代码里面根据需要再修改；

图片插入是在菜单栏点击插入-图像-选择要添加的图片，光标在哪儿就会插入在哪儿，插入图片过程中会弹出一个对话框，可以添加替换文本，也可以直接点击确定；

<style>
body p {
 background:pink;
 font-weight: bold;
}#two{
 background:pink;
 text-indent:70px;
}#test1{
 text-indent:50px;
}#test2{
 text-indent:50px;
}#test3{
 text-indent:50px;
}#test4{
 text-indent:50px;
}#test5{
 text-indent:50px;
}#test6{
 text-indent:50px;
}#test7{
 text-indent:50px;
}#test8{
 text-indent:50px;
}
</style>
</head>
<body>
<div>
  <h1  id="two" style="font-family: hakuyoxingshu7000; color: #0CC;">《从你的全世界路过》</h1>
  <p id="test1">   <span style="font-family: hakuyoxingshu7000; font-size: 24px;">不管谁说真话，谁说假话，都不过是岁月的<span style="font-family: hakuyoxingshu7000; color: #C00;">一张便笺</span>。</span></p>
  <p  id="test1" style="font-family: hakuyoxingshu7000; font-size: 24px;"> 雨会打湿，风会吹走，它们被埋进土里，埋在你行走的路边，慢慢不会有人再去看一眼。</p>
  <p  id="test2"  style="font-family: hakuyoxingshu7000; font-size: 24px;">在一切<span style="font-family: hakuyoxingshu7000; color: #3F0;">美好的时光</span>里，都闪烁着我们所有人的影子。</p>
  <p  id="test3"  style="font-family: hakuyoxingshu7000; font-size: 24px;">有些东西明明一文不值，却舍不得丢掉，</p>
  <p  id="test4"  style="font-family: hakuyoxingshu7000; font-size: 24px;">有时候找不着还会急得坐立不安。</p>
  <p  id="test5"  style="font-family: hakuyoxingshu7000; font-size: 24px;">问题是它们越来越旧，越来越老，而我已经渐渐不敢看着它们。</p>
  <p  id="test6"  style="font-family: hakuyoxingshu7000; font-size: 24px;">它们装在盒子里，放在角落里，<span style="font-family: hakuyoxingshu7000; color: #F0C;">像一部部电影</span>，</p>
  <p  id="test7"  style="font-family: hakuyoxingshu7000; font-size: 24px;">随时都能让我重新看到<span style="font-family: hakuyoxingshu7000; color: #30F;">一场大雨</span>，</p>
  <p  id="test8"  style="font-family: hakuyoxingshu7000; font-size: 24px;">一次分离，一杯咖啡，一个拥抱……</p>
</div>
<div>
  <p><img src="pt.jpg" width="320" height="240"   /> <img src="three.jpg" width="361" height="240"  />  <img src="four.jpg" width="320" height="240"   /></p>
</div>
</body>

Dreamweaver的代码与设计简单结合的运用的更多相关文章

  1. 【转】PHP 杂谈《重构-改善既有代码的设计》之一 重新组织你的函数

    原文地址: PHP 杂谈<重构-改善既有代码的设计>之一 重新组织你的函数 思维导图   点击下图,可以看大图.    介绍   我把我比较喜欢的和比较关注的地方写下来和大家分享.上次我写 ...

  2. 设计简单算法体验Vivado HLS的使用

    前言 本文主要讲解了使用Vivado HLS设计简单C语言的二选一选择器算法的硬件HLS开发的全流程,包括工程创建-算法验证和仿真-算法综合-RTL仿真-IP封装等步骤. 参考网站: http://b ...

  3. Atitit.uml2 api 的编程代码实现设计uml开发 使用eclipse jar java 版本

    Atitit.uml2 api 的编程代码实现设计uml开发 使用eclipse jar java 版本 1. clipse提供了UML的底层Java包, 1 2. MDTUML2Getting St ...

  4. Atitit.提升 升级类库框架后的api代码兼容性设计指南

    Atitit.提升 升级类库框架后的api代码兼容性设计指南 1. 增加api直接增加,版本号在注释上面增加1 2. 废弃api,使用主见@dep1 3. 修改api,1 4. 修改依赖import, ...

  5. 读懂IL代码就这么简单(三)完结篇

    一 前言 写了两篇关于IL指令相关的文章,分别把值类型与引用类型在 堆与栈上的操作区别详细的写了一遍 这第三篇也是最后一篇,之所以到第三篇就结束了,是因为以我现在的层次,能理解到的都写完了,而且个人认 ...

  6. 读懂IL代码就这么简单(二)

    一 前言 IL系列 第一篇写完后 得到高人指点,及时更正了文章中的错误,也使得我写这篇文章时更加谨慎,自己在了解相关知识点时,也更为细致.个人觉得既然做为文章写出来,就一定要保证比较高的质量,和正确率 ...

  7. 《重构--改善既有代码的设计》总结or读后感：重构是程序员的本能

    此文写得有点晚,记得去年7月读完的这本书,只是那时没有写文章的意识,也无所谓总结了,现在稍微聊一下吧. 想起写这篇感想,还是前几天看了这么一篇文章 研究发现重构软件并不会改善代码质量 先从一个大家都有 ...

  8. 《重构——改善既有代码的设计》【PDF】下载

    <重构--改善既有代码的设计>[PDF]下载链接: https://u253469.ctfile.com/fs/253469-231196358 编辑推荐 重构,一言以蔽之,就是在不改变外 ...

  9. springmvc 项目完整示例01 需求与数据库表设计 简单的springmvc应用实例 web项目

    一个简单的用户登录系统 用户有账号密码,登录ip,登录时间 打开登录页面,输入用户名密码 登录日志,可以记录登陆的时间,登陆的ip 成功登陆了的话,就更新用户的最后登入时间和ip,同时记录一条登录记录 ...

随机推荐

  1. Core Data使用

    注意:每次修改CoreData的Attribute时记得把应用给删除重装,要不会崩,因为建立的数据库文件还在该目录下,里面的字段没有更改,所以不能匹配就会崩溃,切忌,要不就每次进来把文件先删除,再建立 ...

  2. 会话控制:Cookie和session

    HTTP(超文本传输协议)定义了通过万维网(WWW)传输文本.图形.视频和所有其他数据所有的规则.HTTP是一种无状态的协议,说明每次请求的处理都与之前或之后的请求无关.虽然这种简化实现对于HTTP的 ...

  3. Oracle insert大量数据经验之谈（转）

    在很多时候,我们会需要对一个表进行插入大量的数据,并且希望在尽可能短的时间内完成该工作,这里,和大家分享下我平时在做大量数据insert的一些经验. 前提:在做insert数据之前,如果是非生产环境, ...

  4. setTimeout使用闭包功能,实现定时打印数值

    我们这次使用setTimeout来实现一个按照时间定时,依次打印数值的例子.其实在早期的时候,也是我经常犯的一个错误,或者实现这种能力,似乎js比较牵强,其实是我的错,哈哈!没能理解JS强大之处.我们 ...

  5. [PHP]基本排序（冒泡排序、快速排序、选择排序、插入排序、二分法排序）

    冒泡排序: function bubbleSort($array){ $len=count($array); //该层循环控制 需要冒泡的轮数 for($i=1;$i<$len;$i++){ / ...

  6. 新的篇章--Python

    这周已经开始Python的学习了,感觉Python类似于Powershell, 但又有不同点.在此总结一下新学到的资料: 简单的使用变量的方法: name= input("input you ...

  7. Codeforces Round #367 (Div. 2)

    A题 Beru-taxi 随便搞搞.. #include <cstdio> #include <cmath> using namespace std; int a,b,n; s ...

  8. JavaScript(一)

    JavaScript 是脚本语言 JavaScript 是一种可插入 HTML 页面的轻量级的编程语言,它跟Java没有什么蛋关系. JavaScript使用: <script language ...

  9. MySQL 存储过程游标

    一.创建游标 游标用declare语句创建.如下面的例子所示: create procedure test2() begin declare cursorTest cursor for select ...

  10. 写JQuery 插件 什么？你还不会写JQuery 插件

    http://www.cnblogs.com/Leo_wl/p/3409083.html 前言 如今做web开发,jquery 几乎是必不可少的,就连vs神器在2010版本开始将Jquery 及ui ...