html+css相关笔记(一)

1.a链接的href
◆href属性如果什么都不写,默认刷新当前页面
◆href属性如果写网址,会跳转到该网址
◆href属性如果写#,会跳到当前页面的最上端
◆href属性如果写javascript:void(0);或者avascript:;,就会取消a链接的功能。


2.定位属性中的优先级
◆left比right的优先级要高,设置了left之后再设置right,right属性无效。
◆top比bottom的优先级要高,设置了top之后在设置bottom,bottom属性无效。


3.透明度
◆opcity 是设置文字和背景的透明度 取值0-1
◆background-color:rgba(0,0,0,0.1) 是设置背景颜色以及 背景颜色的透明度,小数如果是0.1这样的0开头,可以省略掉0写成.1也可以。


4.父容器的宽度不够,子容器全部浮动,那么就会发生一件事儿,子容器会掉下来,解决的办法是,给这些子容器加一个父容器,然后给这个父容器设置合适的宽度,这个父容器会把之前那个宽度不够的父容器撑破,尽管撑破了,但是最外层的宽度还是那个宽度不够的父容器,因为那个父容器被撑破了而不是撑大了,所以浮动的子容器不会掉下来了。


5.行高和容器的高度一致时字体会居中,然是这个高度,是height,并不是padding+height,因为真正的容器的高度是height+padding+border,而行高所指向的容器高度其实只是height属性而已,与padding还有border无关。


6.当元素都是标准流或者是浮动在或者是定位,后面的层级一定比前面的层级要高一点,然后如果不都是标准流或者浮动再或者定位,那么标准流的层级比浮动的层级要低一点,然后浮动的层级要比定位的层级要低一点,最后证明 和脱离标准文档流无关,因为定位的relative层级比浮动的层级要高一点,定位中的static属于标准流。


7.z-index使用来控制层级的,但是只有使用非静态定位的时候可以用,如果z-index小于0那么就会比浮动或者标准流的层级要低,反之就会比他们要高。


8.文字的层级是大于浮动的和标准流的,但是小于定位,这也是为什么浮动可以实现文字绕图的原因了,因为文字的层级大于浮动,所以不会被浮动元素给遮盖住,只有层级低才会被层级高的元素给遮盖住。


9.层级即使元素的层次等级。层次等级低的会被层次等级高的遮盖或者层叠掉,层级相同时,后面的会把前面的给层叠掉遮盖住。
posted @ 2018-06-09 07:25  我叫贾文利  阅读(79)  评论(0编辑  收藏  举报