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

html-css05

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

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

你把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是设层的位置顺序．建议你多试验，多看效果．

<h1>这是第一行文本</h1>

<p id="f3">这是第二行文本</p>

<p class="s1">这是第三行文本</p>

这三行应该写在页面的body标签里边的 写在style标签内是不会显示的

页面结构如下

<html>

<head>

<title></title>

<style>

h1{

font-size:12px

color:red

font-weight:bold

}

#f3{

font-style:Youyuan

text-align:center

letter-spacing:10px

text-decoration:overline

}

.s1{

color:green

margin: 8px

text-indent:25px

}

</style>

</head>

<body>

<h1>这是第一行文本</h1>

<p id="f3">这是第二行文本</p>

<p class="s1">这是第三行文本</p>

</body>

</html>