选择正确DOCTYPE解决CSS在网页失效问题

2016-02-19 23:46 2 1 收藏

岁数大了,QQ也不闪了,微信也不响了,电话也不来了,但是图老师依旧坚持为大家推荐最精彩的内容,下面为大家精心准备的选择正确DOCTYPE解决CSS在网页失效问题,希望大家看完后能赶快学习起来。

【 tulaoshi.com - Web开发 】

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  如果你的CSS都是正确的,链接也没有出错的话,为什么偏偏CSS样式不生效呢?你也许正在为这个事而焦头烂额,呵呵,不要气馁,我以前也被这个事弄得头大过。这时你需要检查你的网页最头部是否有如下一句话了?

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/webkaifa/)

  有的朋友也许会说,以前我新建网页后都把它去掉了,没用。现在我要告诉你,这种做法是错误的!那么,这句话究竟是什么意思,又有哪些作用呢?

!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为什么不生效了吧,别看这么一句话,可不能忽视哟!

来源:https://www.tulaoshi.com/n/20160219/1630609.html

延伸阅读
标签: Web开发
xhtml+css页面制作过程中问题的解决方案,说是解决方案应该有点过了,充其量只不过是给刚刚开始学标准页面制作的朋友们的一些小建议,如果讲得不对的地方请多多包涵,当然也可以提出你们更好的方法,大家相互学习交流,共同成长! 无论是谁,在制作页面的过程都是会碰到这样或者那样的问题,出了问题就肯定要解决。解决问题的前提是要...
标签: Web开发
看这个网页的底部,为什么会跑到那儿去呢?即使内容很少的情况下,它也始终在页面的底部。 否则页面底部将留下大量空白。 下面是它实现的代码: div id="wrap"     div id="main" class="clearfix"         div id="content"  &...
标签: Web开发
网页采用了 UTF-8 编码格式,这本来没有问题,问题是外部 CSS 文件默认是 ANSI 编码,并没有保存为 UTF-8 格式。可能你会发现在一般情况下这样也是没有问题的,然而当 CSS 文件中包含有中文注释时就可能不尽如人意了!估计是 IE6 版本以下的浏览器在解析这个 CSS 文件时因为编码问题而无法正确解析,所以才会发生 CSS 在 IE6 下不起作用的情...
标签: Web开发
多层模式表单(Cascading Style Sheet, CSS)是一种为超文本置标语言(HyperText Markup Language, HTML)提供增强补充服务的技术,可对每一个HTML的置标(tag)做精雕细刻的修饰。只用HTML制作的网页,对页面内各部分的修饰能力有限且语句烦锁,CSS正是弥补这一缺陷的有力技术,它语句、文法简单,只要在源码中插入STYLE语句就可轻易实现页面...
标签: Web开发
纯 CSS 打造多列等高并不像想象中那么容易。本文着重讲述多列布局出现的问题,之后提供一个在所有浏览器都正常工作的简单解决方案。这个方法 100% 无 CSS hack,无图片,无 javascript,甚至可以用在最严格编码的网站上。 多列等高的问题   上例中有包含不同内容的 3 列,可以看出存在的问题是列的背景色随着其包含内容的高度而自...

经验教程

591

收藏

13
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部