css入门

这几天刚好学到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>方式。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值