怎样写CSS样式代码

html-css022

怎样写CSS样式代码,第1张

有两种方法:

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

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

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

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

css样式是HTML的一个补充,简单的css使用样式如下:

<html>

<body>

<div id=div></div>

</body>

<style type="text/css">

width:300px//设置div的宽度300像素

height:500px//设置div高度500像素

background-color:red//设置div的背景颜色为红色

</style>

</html>

css代码位于style之间,详细的css代码解释见代码注释。

1 .div:{height:auto,width:auto}任何块状元素的高度默认都是auto

2 .正确使用方法

3 .div{matgin:auto}

4 .textarea{overflow:auto}

5 .img,input,button{vertial-align:baseline}

6 .div{background-position:0 0}

1 .clear:both。前后没有直接的浮动元素,没有必要使用

2 .inline元素不起作用的单样式:height,width,clear,margin-top,margin-bottom,overflow

3 .block水平的元素对vertical-align属性没有作用

4 .组合起作用的元素:z-index+position left,top,bottom,right+position

5 .