css一级导航文字不显示怎么回事

html-css06

css一级导航文字不显示怎么回事,第1张

网页与css本身就是分离的。css的作用是来规范的描述网页如何显示，显示成什么样子。所以说网页中的文字是不会显示到css中的。css中写的全是，样式属性来规范网页显示的。之所以引入css到网页，就是为了html代码与布局样式尽量的分离，为网站改版提供了大大的方便。

你这个问题很多种情况

你说的导入是指什么？嵌入？引入？

1、 嵌入：如果是嵌入的，那么你的css文件会不小，查了一下，“微软简隶书”这个字体有2.63M，何况你还有“华文行楷”这个字体，css文件得将近10M了，为了实现几个效果得不偿失。

2、 引入：如果只是引入了font-family样式，不是嵌入了字体，那么问题又出现了，如果访问者电脑内，没有css引入的字体，那么这个字体效果不会显示，“微软简隶书”与“华文行楷”这两个都不是电脑预装字体，也就是说，大部分电脑看不到字体效果，只会看到宋体或者微软雅黑（电脑的默认字体）。

3、如果使用这个字体的地方不多，推荐使用图片。安全可靠。

你把CSS作如下改动就行：

<style type="text/css">

#Layer1 {

left:198px

top:50px

width:294px

height:141px

z-index:1

position: absolute

background-color: #FF00FF

}

#Layer2 {

width:100px

height:100px

z-index:2

margin: -50px 0px 0px -50px

background-color: #FFFF00

}

</style>

改为：

<style type="text/css">

#Layer1 {

left:198px

top:50px

width:294px

height:141px

position: absolute

background-color: #FF00FF

}

#Layer2 {

width:100px

height:100px

margin: 0px

background-color: #FFFF00

}

</style>

这样就行，margin 是设置内补丁的．另外Z-index是设层的位置顺序．建议你多试验，多看效果．