css初級代碼

標籤：

<!DOCTYPE html><html lang="zh-cn"><head>    <meta charset="utf-8">    <title>項目實戰--PC端固定式配置</title>    <link rel="stylesheet" type="text/css" href="style.css"></head><body><nav id="nav">    <section class="center">        <h1>旅遊</h1>        <ul class="link">            <li class="active"><a href="###">首頁</a></li>            <li><a href="###">資訊</a></li>            <li><a href="###">新聞</a></li>            <li><a href="###">簡介</a></li>        </ul>    </section>    </nav><header>header</header><section>body</section><footer>footer</footer></body></html>

@charset "utf-8";body,h1,ul{    margin: 0;    padding: 0;}ul{    list-style: outside none none; //簡寫屬性 在一個聲明中設定所有的列表屬性。}a{    text-decoration: none; //CSS文字修飾為無；一般用於設定清除超連結的預設底線：}#nav {    width: 100%;    height: 70px;    background-color: #333;}.center{    width: 1263px;    height: 70px;    margin: 0 auto;}.center h1{    width: 240px;    height: 70px;    text-indent: -9999px;    float: left;}.link{    width: 650px;    height: 70px;    line-height: 70px;    color: #eee;    float: right;}.link li{    width: 120px;    text-align: center;    float: left;}.link a{    color: #eee;    display: block; //}.link a:hover,.active a{    background-color: #000;}

style.css

 

css初級代碼