html+css基础(一)

相对路径和绝对路径

相对路径的好处是站点文件可以拷着走,站点不管拷贝到哪里,文件和图片的相对路径关系都是不变的。但是相对路径使用有一个前提,就是网页文件和图片必须在一个服务器上。比如,你现在想插入一个新浪网上的图片,就要用绝对路径。所有以http://开头的路径,就是绝对路径

CSS选择器

标签选择器:选择所有的标签,经常用来初始化标签

id选择器:同一个页面内id不能重复

类选择器:同一个页面内class可以重复;同一个标签,可能同时属于多个类,用空格隔开。不要去试图用一个类名把某个标签的所有样式写完,这个标签要多携带几个类,共同造成整个标签的样式。

到底用id还是用class?尽可能的用class,id是js用的。类上样式,id上行为

后代选择器:.div1 p,空格就表示后代,表示div1中的所有p,不一定是儿子

交集选择器:h3.special,交集选择器没有空格,交集选择器可以连续交 h3.special.zhongyao(此写法IE6不兼容,从IE7开始兼容)。交集选择器一般都是以标签名开头。 

并集选择器(分组选择器):h3,li逗号表示并集

一些css3选择器:

儿子选择器:div>p表示div的儿子p,和div的后代p是不同的(IE 7开始兼容,IE6不兼容)

序选择器(IE6、7都不兼容,IE8开始兼容):ul li:first-child选择第一个li,ul li:last-child选择最后一个li,ul li:nth-child(3)选择第3个li

下一个兄弟选择器 :h3+p

CSS的继承性

    有一些属性,当给自己设置的时候,自己的后代都继承上了,这个就是继承性 color、text开头的,line开头的,font开头的,这些关于文字样式的,都能继承,所以关于盒子的,定位的,布局的属性都不能继承

    继承性是从自己开始,直到最小的元素

CSS的层叠性

     层叠性,是css处理冲突的能力。当选择器选择上了某个元素的时候,那么要这么统计权重。id:100,类10,标签1,不进位。如果权重一样,那么以后出现的为准。如果不能直接选中某个元素,通过继承性影响的话,权重为0。如果大家都是0,谁描述的近听谁的。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值