css代码写在哪?

html-css020

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是要在网页渲染外观的时候就要调用的,所以要预先调入内存,因此放在头部。

而js因为有可能(可以说是很有可能)需要调用网页DOM结构中的元素,所以必须等HTML的整个DOM结构都调入内存后才开始运行(否则就很可能因为无法找到元素而出错),所以要放在底部。但是最好或者说最标准的用法是把js代码放入window对象的onload事件中,这样就可以把整个js代码放到网页的任何位置了(包括头部)。就类似这样:

<script>

window.onload=function(){

//要运行的js代码放在这

}

</script>

打开Dreamweaver,文件-->新建-->css。你的css代码就写在那个文件夹里。然后在你设计网页中的时候在属性里的样式里,选择附加样式表,然后选择刚才新建的css样式文件,就可以了。也可以直接在</head>上面写上<style>这里写样式</style>不明白的地方,加我QQ,手把手教你437960263