首先在设计里面写好自己需要的内容，在文字设置中，选中要设置的文字，然后点击属性栏的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. python--基础学习（五）参数位置传递、关键字传递、包裹传递及解包裹

    python系列均基于python3.4环境 1.位置传递和关键字传递 代码示例 #位置传递 def fun(a,b,c): print("a: {0}, b: {1}, c: {2}&qu ...

  2. VS2010+C#+EmguCV 配置详解

    在VS2010(VC10)中配置能使用C#开发语言调用Open CV视觉库的方法如下.众所周知,能供C#使用的OpenCV库叫:Emgu CV.注意用C#开发的话,是不需要单独安装OpenCV的,em ...

  3. python学习笔记(1)

    python简介 python是Guido van Rossum在圣诞节打发无聊的时间时候写出来的语言. python是解释性的语言. python是动态类型的语言. python是强类型定义语言(高 ...

  4. python excel操作

    python操作excel表格(xlrd/xlwt)转载:http://www.cnblogs.com/zhoujie/p/python18.html   最近遇到一个情景,就是定期生成并发送服务器使 ...

  5. ASP.NET使用Memcached

    一.安装Memcached及Memcached配置和状态查询 要想使用Memcached做缓存首先需要安装Memcached服务,安装方法如下: memcached.exe下载 保存至相应路径 打开c ...

  6. sketchup

    1. clean start 1. 删除中间人物 2. windows---style 3. Windows---Model Info 2. 好的建模习惯 1. 正面朝镜头 View---ToolBa ...

  7. [Leetcode] Roman to Integer

    Given a roman numeral, convert it to an integer. Input is guaranteed to be within the range from 1 t ...

  8. [Python学习] python 科学计算库NumPy—矩阵运算

    NumPy库的核心是矩阵及其运算. 使用array()函数可以将python的array_like数据转变成数组形式,使用matrix()函数转变成矩阵形式. 基于习惯,在实际使用中较常用array而 ...

  9. Python中的list和tuple

      list使用方括号[ ]表示: >>> classmates = ['Michael', 'Bob', 'Tracy'] >>> classmates ['Mi ...

  10. c# 获取项目的根目录

    编写程序的时候,经常需要用的项目根目录.自己总结如下 1.取得控制台应用程序的根目录方法     方法1.Environment.CurrentDirectory 取得或设置当前工作目录的完整限定路径 ...