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

html-css09

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

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

文字居中用到css2.0中的text-align属性；

text-align属性是针对文字的对齐方式；

其中值包括：left(向左对齐) center（居中） right（右对齐） justify（两端对齐） inherit（默认对齐方式）

在这里我们将用到：text-align:center属性

<style type="text/css">

  *{

    margin:0

    padding:0

  }

  ul,li{

    list-style: none

  }

  #nav{

    width:100%

  }

  #nav>ul{

    width:80%

    margin:0 auto

  }

  #nav>ul>li{

    width:calc(20% - 20px)

    margin:0 10px

    background-color: #ccc

    float: left

    text-align: center

  }

</style>