合适的Doctype可以解决CSS失效的问题

最新推荐文章于 2024-07-22 19:30:03 发布

freeson_csdn

最新推荐文章于 2024-07-22 19:30:03 发布

阅读量748

点赞数

分类专栏：前端文章标签： HTML DOCTYPE CSS失效 CSS

本文链接：https://blog.csdn.net/biaobiao1217/article/details/39009469

版权

前端专栏收录该内容

31 篇文章 0 订阅

订阅专栏

如果CSS都是正确的，链接也没有出错的话，这时你就需要检查你的网页最头部是否包含Doctype标签了。有的朋友也许会说，以前我新建网页后都把它去掉了，没用。其实这种做法是错误的！那么，这句话究竟是什么意思，又有哪些作用呢？

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Frameset.dtd">

仔细看看上边三句代码的不同之处，他们代表了三种不同的XHTML文档类型。
Transitional类型：是指一种过渡类型，使用这种类型浏览器对XHTML的解析比较宽松，允许使用HTML4.01中的标签，但必须符合XHTML的语法。这种是现在通用的方法，用dreamweaver创建网页时默认就是这种类型。
Strict类型：严格类型，使用时浏览器将相对严格，不允许使用任何表现形式的标识和属性，如在元素中直接使用bgcolor背景色属性等。
Frameset类型：框架页类型，如果网页使用了框架结构，就有必要使用这样的文档声明。
基本情况介绍完了，现在知道CSS为什么不生效了吧，别看这么一句话，可不能忽视哟！