在dw里css样式有效果,但是在浏览器里没有效果怎么办?

html-css016

在dw里css样式有效果,但是在浏览器里没有效果怎么办?,第1张

一、不同的浏览器有不同的要求,有些浏览器的css的效果用dw的时候就不会显示,所以你查看样式效果的时候不要用dw。

二、最新版的QQ浏览器集成了许多其他浏览器的优点,在代码执行和浏览器优化上有了质的飞跃,一般的代码都是可以正常显示的,你也不用担心要换代码才能起效,用它可以让你省心省力,你可以下载体验下。

三、请确认使用的字体是浏览器识别的通用字体,然后确定你的浏览器不是ie6到8,在dw内写代码的时候不要以设计视图作为参考,设计视图是不准确的,然后你需要看看你的字体是否被该浏览器所支持,尽量使用大众字体。你可以先把文字换成宋体或者黑体,看看是否显示。

HTML 代码-01

打开以上的 HTML 可以看到什么都没有, 因为 div 并没有设置宽高和颜色等...

打开 HTML-01

先书写一段 HTML 代码为一会儿的 Css 样式做准备

新建记事本

在同级下创建一个 *.txt 记事本文件 ( 本次选择建在同级, 且命名为 index, 有需要也可以放在 css 专属文件夹 或是 styles 文件夹都行 )

笔记本书写 css 样式

在笔记本中书写 Css 代码, 并保存 ( 完成后关闭 )

更改后缀名

关闭后更改文件的后缀名为 index.css, 并在 HTML 中启用 ( 连接 )

HTML 代码-02

连接好了再次打开 HTML 文件就可以看到:

打开 HTML-02

附录: 详细的 Css 代码

Css 示例代码