在自学css开始就遇到问题，“链入外部样式表”的习题，代码如下：
A、被链入的CSS文件代码.css
<style  type="text/css">
<!--
h1{background:gray;text-align:center;font-family:隶书}
h3{background:blue;text-align:center;font-family:隶书}
p{background:green;text-align:center;font-family:隶书}
-->
</style>
--------------------------------------------------------------------------------
B、html习题页面代码.html
<html>
<head>
<meta charset="UTF-8">
 <title>链入外部样式表</title>
 <link  rel="stylesheet" type="text/css" href="被链入的外部css文件.css">
 </head>
 <body>
 <h1>编写外部CSS文件</h1>

<h3>这是h3演示效果</h3>

<p>在HTML文件应用链入外部样式表方法调用外部CSS。</p>

</body>
</html>
-------------------------------------------------------------------------------
出现问题可多了~我一一道来

1、上面A、B代码不变，直接用IE打开，一切显示正常，我要的效果都有。但用
chrome和firefox打开，第一个元素标签（即h1哪行）没有CSS效果，后面两行（

即h3、p）效果正常。why？？

2、如果在B代码<html>前加入 <!DOCTYPE html>声明，结果页面效果和1一样（

第一行h1失去css效果，后两行正常）。why？？why？？

3、我用的习题答案全部要求在<style> </style>中间加入 <!-- XXXX--> ,解释说怕浏览器不认得css，可我看好多网页源码并没有这个奇怪的<!-- XXXX-->，看别的CSS书籍也没有这要求。于是我试着去掉它，结果神奇了，出现了和1、2一模一样的问题！！！！why？？why？？why？

我完全崩溃了~~~请教高人指点，不胜感谢~~~

/////////////////////////////

自己的问题自己答：

被链入CSS文件不许有html的CSS格式，即：

 h1{background:gray;text-align:center;font-family:隶书}

 h3{background:blue;text-align:center;font-family:隶书}

 p{background:green;text-align:center;font-family:隶书}

这样就好了~

在自学css开始就遇到问题，“链入外部样式表”在多浏览器显示问题的更多相关文章

  1. @import导入外部样式表与link链入外部样式表的区别

    昨天碰到同事问了一个问题,@impor导入外部样式与link链入外部样式的优先级是怎样的,为什么实验的结果是按照样式表导入后的位置来决定优先级. 今天就这个问题,度娘上找了很久,终于有个总结性的答案出 ...

  2. jsp中@import导入外部样式表与link链入外部样式表的区别

    昨天碰到同事问了一个问题,@impor导入外部样式与link链入外部样式的优先级是怎样的,为什么实验的结果是按照样式表导入后的位置来决定优先级.今天就这个问题具体总结如下:   先解释一下网页添加cs ...

  3. CSS代码实现图片防盗链

    CSS代码实现图片防盗链的方法其实很简单.在CSS文件中添加以下代码: img { filter:exPRession( this.不能去掉 ? "" : ( (!this.com ...

  4. CSS实现背景透明，文字不透明（各浏览器兼容）

    /*CSS*/.waps{ background:url(07158.bmp) no-repeat top center fixed; width:1004px; text-align:center; ...

  5. CSS实现背景透明，文字不透明（各浏览器兼容） (转)

    /*CSS*/ .waps{ background:url(07158.bmp) no-repeat top center fixed; width:1004px; text-align:center ...

  6. 用css实现一个空心圆，并始终放置在浏览器窗口左下角

    用css实现一个空心圆,并始终放置在浏览器窗口左下角         div{                 position:fixed;                 bottom:0;   ...

  7. 学习animate.css包含了一组炫酷、有趣、跨浏览器的动画

    1.animate.css包含了一组炫酷.有趣.跨浏览器的动画,可以在你的项目中直接使用. 第一步:引入animate.css样式文件或者引入某些平台的CDN文件: <head> < ...

  8. htm基础知识，css的链入以及标签分类。

    <!DocTYPE>  DOC--Document 文档  TYPE  类型  文档类型 告诉浏览器这是什么文件 单标签: meta  设置   charset  设置编码 双标签: 开始 ...

  9. Html中怎么用CSS让ul中多个li标签不换行横排显示

    布局 通常有三种方式 { 1. position 2. float: left --> 其次是这个 3. block: inline-block  --> 他们推荐我用这个 } 具体描述 ...

随机推荐

  1. Hadoop-mapreduce 程序在windows上执行需要注意的问题

    1.在主程序中需要添加这几个参数配置 Configuration conf = new Configuration(); // 1.设置job运行时要访问的默认文件系统 conf.set(" ...

  2. Ubuntu如何开启root账户登录

    1 首先设置root密码,利用现有管理员帐户登陆Ubuntu,在终端执行命令:sudo passwd root,接着输入密码和root密码,重复密码.这样就有了可用的root用户.   2 打开一个终 ...

  3. Python学习笔记17：标准库之数学相关（math包，random包）

    前面几节看得真心累.如今先来点简单easy理解的内容. 一 math包 math包主要处理数学相关的运算. 常数 math.e   # 自然常数e math.pi  # 圆周率pi 运算函数 math ...

  4. 【hdu3966】Aragorn's Story

    题意:给一棵树,并给定各个点权的值,然后有3种操作:I C1 C2 K: 把C1与C2的路径上的所有点权值加上KD C1 C2 K:把C1与C2的路径上的所有点权值减去KQ C:查询节点编号为C的权值 ...

  5. python的一些常用函数

    1 filter(function, iterable) 等价于(item for item in iterable if function(item)) 就是说,filter会遍历iterable中 ...

  6. 实时人工智能：微软发布Project Brainwave预览版 现场可编程门阵列（Field Programmable Gate Array，简称FPGA） 硬件设计可以迅速演进

    https://mp.weixin.qq.com/s/bAPiPURZd-YsbV5PbzwpQQ 编者按:随着各大公司对于数据计算的要求越来越高,实时AI成为了研究者们关注的重点.在美国西雅图举行的 ...

  7. H264--5--H264解码[8]

    原文:http://blog.csdn.net/yangzhongxuan/article/details/8003547 解码器在解码时,首先逐个字节读取NAL的数据,统计NAL的长度,然后再开始解 ...

  8. ［整理］EABI和OABI【转】

    本文转载自:https://www.crifan.com/order_eabi_and_oabi/ 1.什么是ABIABI,application binary interface (ABI),应用程 ...

  9. 源码阅读之HashMap(JDK8)

    概述 HashMap根据键的hashCode值存储数据,大多数情况下可以直接定位到它的值,因而具有很快的访问速度,但遍历顺序却是不确定的. HashMap最多只允许一条记录的键为null,允许多条记录 ...

  10. deepin 安装maven

    1.在官网 http://maven.apache.org/download.cgi 下载mvn包   2.新建mvn目录 mkdir  /usr/local/mvn 把压缩包解压到mvn目录下面 修 ...