简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > tutorial css > teks badan

关于DW在html中插入css样式的方法

不言
Lepaskan： 2018-06-11 14:46:46
asal
8915 orang telah melayarinya

进行网页设计想要有一个好看的界面布局我们就得要使用到css样式，下为大家介绍DW在html中插入css样式方法，不会的朋友可以参考本文，来看看吧

  在使用Dreamweaver CS6进行网页制作的时候，页面布局样式会很多。可以利用插入css样式将页面样式单独保存，以达到简化代码的目的。下面小编就为大家介绍DW在html中插入css样式方法，不会的朋友可以参考本文，来看看吧！

利用Dreamweaver CS6在html中插入css的样式

步骤

首先，打开Dreamweaver CS6，新建一个css文档，选中“css”，点击确定按钮。

利用Dreamweaver CS6在html中插入css的样式

将设计好的css样式放入该页面。

利用Dreamweaver CS6在html中插入css的样式

点击左上方的“文件”，选择“另存为”，将文件放到桌面，并重命名。这里命名为css。

利用Dreamweaver CS6在html中插入css的样式

再点击左上方的“文件”，新建一个“html”。

利用Dreamweaver CS6在html中插入css的样式

将设计好的网页格式输入

                                   中。

利用Dreamweaver CS6在html中插入css的样式

找到右下角这个链接的小图标，选中。

利用Dreamweaver CS6在html中插入css的样式

出现链接页面，点击后面的“浏览”按钮。

利用Dreamweaver CS6在html中插入css的样式

找到刚刚存放css的地方，这里存放的地方是桌面。点击“确定”按钮。

利用Dreamweaver CS6在html中插入css的样式

会出现如下页面。

有源代码与css，就证明你已经完成css的插入啦！

利用Dreamweaver CS6在html中插入css的样式

最后一步，把做好的html保存在需要存放的位置，防止数据丢失。

注意事项

输入数据的时候要在英文输入法下输入。

以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注PHP中文网！

相关推荐：

如何利用html2canvas 将html代码转为图片

用HTML和CSS以及JS制作简单的网页菜单界面的代码

Atas ialah kandungan terperinci 关于DW在html中插入css样式的方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Label berkaitan：
css样式 dw html
sumber：php.cn
Artikel sebelumnya：关于CSS文本超出div或者span时用省略号代替的代码 Artikel seterusnya：关于CSS中list-style修改列表属性控制li标签样式的问题
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
function_exists() tidak boleh menentukan fungsi tersuai Ujian fungsi () {return true;} jika (function_exists ('test')) {echo "test is functio...
daripada 2024-04-29 11:01:01
0
2
1788
Bagaimana untuk memaparkan versi mudah alih Google Chrome Hello cikgu, bagaimana saya boleh menukar Google Chrome kepada versi mudah alih?
daripada 2024-04-23 00:22:19
0
10
1929
Tetingkap anak mengendalikan tetingkap induk, tetapi output tidak bertindak balas. Dua ayat pertama boleh dilaksanakan, tetapi ayat terakhir tidak boleh dilaksanakan.
daripada 2024-04-19 15:37:47
0
1
1647
Tiada output dalam tetingkap induk document.onclick = function(){ window.opener.document.write('Saya adalah output tetingkap ...
daripada 2024-04-18 23:52:34
0
1
1549
Di manakah perisian kursus tentang pemetaan minda CSS? Perisian kursus
daripada 2024-04-16 10:10:18
0
0
1582
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！