css代码写在哪?

html-css014

css代码写在哪?,第1张

css代码的,首先我们是有3种方式来书写css的,可以写在外部的css文件中,或者是写在head的<style></style>中,还有就是写在元素的行中,通过代码来理解:  

<html>

<head>

<style> //通过style实现

#nav{

width:900px 

height:30px

}

#nav ul li{

float:left

padding:5px 30px   

}

#nav ul li{

float:left

width:60px    

}

</style>

<link rel='stylesheet' type='text/css' href='./css/index1.css'> //通过外部文件实现

</head>

<body>

<div class="nav" style="width:400px">  //通过行内实现

     <ul>

         <li>

                <a href="">首页</a>

            </li>

            <li>           

                <a href="">兴趣爱好</a>

            </li>

            <li>            

                <a href="index.php">好友印象</a>

            </li>

            <li>

                <a href="register.php">会员注册</a>

            </li>

            

            <li>

                <a href="dengtu.php">会员登录</a>

            </li>

        </ul>

    </div>

</body>

</html>

有两种方法:

一是编辑.css文件,样式代码写进这个.css文件中,

然后在HTML文档中引用这个css文件,即可

二是,写进HTML文档中,作为内联样式。

一般用<style>标签来写,或者写到具体元素的style属性中。