dw怎么写css
1.关于DW如何使用CSS
首先CSS(级联样式表)一般来讲分3种:
1. 外联样式表:CSS样式单独写在一个CSS文件中,HTML页面使用<link>;标签引入这个文件;
2. 内联样式表:CSS样式写在HTML页面的<head>;标签内;
3. 内嵌样式表:CSS样式直接写在HTML标签的style属性里。
然后说下在DW里怎样使用它们(以下以DW CS6版本为例,其他版本大同小异):
在DW里可通过直接引入、CSS样式面板和属性面板的方式来使用CSS。
1. 如果是外联样式表,在DW界面中可通过直接拖动CSS文件到页面的方式直接将这个样式表引入到页面(注意要拖放到<head>;标签内)。
2. 在DW的CSS样式面板中可以方便的管理CSS样式,可新增、删除、修改标签的样式。
3. 如需要为某个元素(例如一段文字)应用某个样式,可通过DW的属性面板里的“类”下拉列表来快速为其应用样式。
2.DW中怎么添加CSS样式
1、先启动DW软件,新建文档,文档类型选择【</>HTML】-【XHTML1.0】,然后点击【创建】。
2、点击创建后,DW会为之创建一个HTML文件,我们在body标签中加入一个div标签组。
3、然后在div标签中输入下图中的代码,style代表了这个div直接添加了CSS样式,这样就成功了。样式要在英文的引号中,否则是不起作用的。
3.DW中怎么添加CSS效果
一般有四种方法:
1.<p style="color: sienna;margin-left: 20px;">
直接把样式写在代码中格式是style=""
</p>
2.<link href="mystyle.css" rel="stylesheet" type="text/css" media="all">;链接外部css文件,mystyle.css改成你的css路径
3.写到页面头部<head></head>;之间
<style type="text/css">
hr {color: sienna}
p {margin-left: 20px}
body {background-image: url("images/back40.gif")}
</style>
4.<style type=”text/css”>
<!--
@import “mystyle.css”
其他样式表的声明
-->
</style>; 用import导入css文件
其中第二种跟第三种方法比较常用!
4.dw怎么用css设置列表
如果你的网页文件(index.html)要调用某个CSS文件(style.css),那么你在你的网页文件(index.html)中的<head>。.</head>;中插入如下代码即可!
<head>
<link href="css/style.css" rel="stylesheet" type="text/css" />
</head>
5.用Dreamweaver做网页设计怎么用css啊
如果你对网页设计感兴趣并想认真学习的话,CSS确实是必须要掌握的。
在Dreamweaver 中应用CSS其实很简单:
一、在CSS样式面版中点击“新建”按扭。
二、在弹出的对话框中选择“类型”、“名称”、“定义规则”,具体你要选哪项可以根据自己的实际需要作选择,点击“确定”。
三、在弹出的对话框中,你可以对“类型”、“背景”、“区块”、“边框”、“列表”、“定位”、“扩展”等作相关的设置。
四、选中你想使用CSS效果的对象(如:表格、图片、文字等),在属性面板的“类”中找到你想要的选项。CSS就应用到对象中了。
不知道我的回答是否清楚了没有,希望对你有帮助,祝你学习愉快!
dw怎么写html
1. dreamweaver 中怎样创建HTML样式
疯了,样式就是css,是一个区别与html的技术。
简单来说:html只是描述结构用的,而css则是描述这个结构的外观表现,html的某些标记如<b>;有自己默认的css样式,但不是主流。
Xhtml编写网页的时候,把内容和表现都是柔和在一起的。
这里先说明一个问题,什么是内容,什么又是表现
如:
<font size=”7” color=”FF0000”>;这里是内容哟</font>
<Font>;…</font>;标记之间的部分就是具体内容
而 size=”7” color=”FF0000” 指出了这段内容的表现,即:7号字、红色
这么做有什么问题呢?
下来我们来看看这段代码(01.html),直接在dw做,视图切换:
<html>
<head>
<title>;页面标题</title>
</head>
<body>
<h2><font color=”red” face=”黑体”>;标记1</font></h2>
<p>;标记1的正文内容</p>
<h2><font color=”red” face=”黑体”>;标记2</font></h2>
<p>;标记2的正文内容</p>
<h2><font color=”red” face=”黑体”>;标记3</font></h2>
<p>;标记3的正文内容</p>
<h2><font color=”red” face=”黑体”>;标记4</font></h2>
<p>;标记4的正文内容</p>
</body>
</html>
问题:
A、如果要把标题名称为蓝色,怎么办? (修改复杂)
B、除此之外这段代码还有什么问题?(代码重复)
我们再来看看02.html,看看它是怎么解决这个问题的
<html>
<head>
<title>;页面标题</title>
<style>
h2{
font-family:黑体;
color:#FF0000
}
</style>
</head>
<body>
<h2>;标记1</h2>
<p>;标记1的正文内容</p>
<h2>;标记2</h2>
<p>;标记2的正文内容</p>
<h2>;标记3</h2>
<p>;标记3的正文内容</p>
<h2>;标记4</h2>
<p>;标记4的正文内容</p>
</body>
</html>
观察:
多了个<style>..</style>;标记,去掉了所有的<font>..</font>;标记
这时要把 h2标题的文字红色变为蓝色 只需要改正 color:#FF0000
为color:#0000FF 很方便 也没有重复的代码
为什么这么神奇?是因为我们把网页的具体内容和它的表现分离了。
如02.html中 h2仅仅放置内容,而这个内容显示成什么样子就交给
<style>;…</style>;标记中部分处理。
这种技术其实就是css
2. dw怎么把html和css链接起来
1、在软件中先建立一个站点并在站点中新建一个CSS文件夹和一个html文件。
(可以点击下方引用经验查看如何创建一个站点)2、在右上角点击【CSS设计器】,并在下方点击【+号】,然后选择【创建新的CSS文件】。3、在创建窗口中,点击【浏览】按钮。
4、然后选择站点中已经创建好的名字是CSS的文件夹,然后输入想创建的CSS的名字(要用英文哦),点击【保存】。5、然后把添加为设置成【链接】,点击【确定】按钮。
6、添加完成后就可以在右侧的站点中的CSS文件夹下看到刚创建好的CSS样式表文件了。7、在左侧的【head】标签中,就多了一行链接到CSS文件的代码。
在顶部tab标签中也可以看到链 接的样式表。8、接下来写一个简单的网页来看下CSS样式表是否链 接成功。
打开html网页编辑页面,在【body】标签中输入一个div。如下图:9、然后在顶部tab标签中选择刚才创建的CSS样式表,并在样式表中写一个样式,命名为【aaa】,并保存样式表【快捷键Ctrl+S】。
10、然后回到html编辑页面,在div标签中引入class,输入刚才写的样式的名称【aaa】并保存网页【快捷键Ctrl+S】。11、点击顶部的设计按钮,就可以看到实时效果。
12、也可以按快捷键F12,直接用浏览器打开,可以看到真实的效果。证明我们的CSS链接到html中是没有问题。
转载请注明出处育才学习网 » dw怎么写文字
育才学习网