博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
html+css相关笔记(一)
阅读量:4451 次
发布时间:2019-06-07

本文共 1085 字,大约阅读时间需要 3 分钟。

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.层级即使元素的层次等级。层次等级低的会被层次等级高的遮盖或者层叠掉,层级相同时,后面的会把前面的给层叠掉遮盖住。

转载于:https://www.cnblogs.com/jwlLWJ2018/p/9247820.html

你可能感兴趣的文章
利用Python爬虫刷店铺微博等访问量最简单有效教程
查看>>
浅谈软件测试与墨菲定律
查看>>
文件安全复制之 FastCopy
查看>>
强烈推荐美文之《从此刻起,我要》
查看>>
MYSQL中数据类型介绍
查看>>
评估软件上线标准
查看>>
敏捷开发流程
查看>>
APP兼容性测试(三)测试方案设计
查看>>
leetcode 412. Fizz Buzz
查看>>
对Netflix Ribbon的Loadbalancer类源码设计合理性的一点质疑
查看>>
关于日历的算法
查看>>
[QT编程]QT实现的一个渐隐渐显窗体
查看>>
在Web工程中引入Jquery插件报错解决方案
查看>>
大学总结之影响我最深的十本书
查看>>
用myEclipse连接数据源生成动态数据报表
查看>>
[myeclipse]@override报错问题
查看>>
자주 쓰이는 정규표현식
查看>>
超简单的listview单选模式SingleMode(自定义listview item)
查看>>
vue-11-路由嵌套-参数传递-路由高亮
查看>>
HDU 1199 - Color the Ball 离散化
查看>>