这几天刚好学到css,了解了一些基础的知识。先贴代码:
当中定义了css样式,其中在<style type="text/css">以及</style>之间的的为css样式定义,而<!--和-->的作用是在不支持css的浏览器中将代码注释掉。
定义css
其中定义使用了两种方式:#开头的和没有#的。没有#的是已经存在标签,比如本例的body,也可以是其他的如p,a等等。而#是由自己定义的css,这两者的区别是body是class而#header是id。当然还有其他很多的定义方法。
在css定义里的属性有几个需要介绍下:
- margin和padding:它们是用来布局的,就是那一块css的上下左右的空间,margin是在padding外面,它是用来定义块与块之间距离的属性,而padding是定义css块内部内容与其边缘的距离的属性
- float:表示这一个css是漂浮在其他css之上的,由于css是从上到下的排列的,所以如果要做一个侧边栏,可以使用这种方法(或者直接定义position),如果float属性赋值为left则会漂浮在下一个css的左边,效果可以通过新建一个txt文档,复制代码,然后将后缀改为html然后用浏览器打开的方式查看
使用css
如果是body这种css,则可以不用任何的改变,直接使用,如果定义了id选择符,则使用<div id=""></div>的方式,如果定义了class选择符,则使用<div class=""></div>方式。