css样式步骤,css样式菜鸟教程

dw如何为图片设置css样式

dw里怎样设置图片的css样式

在岚山等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供成都做网站、网站制作 网站设计制作按需策划,公司网站建设,企业网站建设,品牌网站制作,成都营销网站建设,外贸营销网站建设,岚山网站建设费用合理。

1、首先在文件内插入一张图片，点击插入\图像，选择一张图片即可。

2、选中图像，点击css样式窗口的+号，新建一个CSS（相关课程推荐：css视频教程） 样式，打开对话框。选择标签元素，下面就自动变为img，就是说为图像编辑规则。

3、比如要为图片编辑边框，就在弹出的对话框中选择边框，有三个属性可以更改，一个是类型，大小和颜色。可以根据需要选择。

4、在右侧的css面板上就多了个边框属性，代码中多了个图像的css样式代码。图像就自动按照样式进行更改了。

5、如果要对该图像再进行修改，可以点击css样式窗口下的铅笔，在弹出的对话框中修改即可。

设置css样式的方法

有三种方法：

行内样式 直接在标签里面添加style属性，在style属性里面写样式即可；

内部样式 在head标签里面通过style标签来写入内部样式；

外部样式 通过link标签引入外部样式表。

CSS样式表怎么做

在网页中使用CSS：

一、内部规则 - 直接写在网页文件内部的样式

1.将以下代码插入在HEAD与/HEAD之间可设定此页的默认的样式

style type="text/css"

!--

body{color=red;font-size=9pt}

--

/style

2.在HTML行中加入样式规则

如：

P STYLE="background: yellow; font-family: courier"Amaze your friends!/P

二、外部规则 - 独立的样式表文件

1.链接样式表文件

方法：在HEAD内使用LINK标签：

如：LINK REL=stylesheet HREF="mystyles.css" TYPE="text/css"

并建立一个文本文件，起名mystyles.css (和上面对应)。文件内容如：

H1 { color: green; font-family: impact }

P { background: yellow; font-family: courier }

2.输入样式表文件(返回)

方法：在HEAD内插入列代码：

STYLE TYPE="text/css"

!--

@import url(company.css);

H1 { color: orange; font-family: impact }

--

/STYLE

并建立一个文本文件，起名company.css (和上面对应)。文件内容如：

H1 { color: green; font-family: impact }

P { background: yellow; font-family: courier }

可见该种方法的好处是可与网页的内部样式共存。

如何用Dreamweaver 8 创建css样式表代码

1、创建css样式，点击窗口\css样式，可以打开css样式编辑窗口，还可以直接在属性面板内创建。

2、点击属性面板的编辑规则，或者是css样式窗口的+号就可以打开新建css规则对话框。

3、选择要创建的css样式的内容。比如要为段落更改样式。

4、在弹出的定义对话框中，选择要更改的各种属性。比如把段落的字体大小改为16px，字体颜色改为红色。

5、点击确定，发现段落中的文字就出现了相应的效果。在head中条件了css样式代码。