Dreamweaver的代码与设计简单结合的运用

Dreamweaver的代码与设计简单结合的运用

Dreamweaver的代码与设计简单结合的运用

Dreamweaver的代码与设计简单结合的运用

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

Dreamweaver的代码与设计简单结合的运用

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

<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     /></p>
</div>
</body>