2015.7.13 第五课 课程重点(z-index、overflow、浏览器兼容性)
1、z-index=数字
z轴的值,当几个div重叠时,z-index数字越大的,越在上面
2、overflow:hidden(超过部分隐藏)/auto(超过时出现滚动框)/scroll(一直有滚动条)
3、浏览器兼容性问题:
(1)兼容性问题:不同的浏览器基于不同的内核,对一些前端代码支持不一样,导致显示效果不一样
(2)测试的各大浏览器:IE7-IE11(可使用IETester,不考虑IE6)、Opera、Safari、Chrome、Firefox
(3)关于兼容性非常好的介绍文章:http://www.cnblogs.com/zhutianxiang/archive/2012/01/19/2320349.html
4、上下块级元素margin重合:以较大值为准,相当于两者重叠了(左右不受影响)
5、上下块级元素和行内元素margin重合:可在行内元素display设置为block。 { display:block; }
6、超链接样式:
a:link 平时的链接样式
a:visited 已访问过的链接样式
a:hover 鼠标放上去时的样式
a:active 鼠标点击时的样式
必须按照以上顺序放(lvha)才会有正常的效果
7、块级元素不靠边:*{ marin:0px; padding:0px}
8、ul在不同浏览器靠边问题:在IE中,ul的默认边距是margin,在Firefox中,ul的默认边距是padding,所以设置时
9、行内元素的上下margin撑不开自己所在的块级元素的高度:需在行内元素上下各加一个<div style="height:0px;overflow:hidden"></div>辅助撑开
转载于:https://www.cnblogs.com/marchtree/p/4644298.html
2015.7.13 第五课 课程重点(z-index、overflow、浏览器兼容性)相关推荐
- Operations on word vectors-v2 吴恩达老师深度学习课程第五课第二周编程作业1
吴恩达老师深度学习课程第五课(RNN)第二周编程作业1, 包含答案 Operations on word vectors Welcome to your first assignment of thi ...
- EDA实验课课程笔记(五)——NC-verilog的介绍与使用(一)
EDA实验课课程笔记(五)--NC-verilog的介绍与使用(一) NC简介 NC内部文件结构 NC-verilog的两种启动方式 图形界面方式演示视频 简介:简单介绍NC及其精要的总结,防止以后忘 ...
- 考研:研究生考试(五天学完)之《线性代数与空间解析几何》研究生学霸重点知识点总结之第五课线性方程组
考研:研究生考试(五天学完)之<线性代数与空间解析几何>研究生学霸重点知识点总结之第五课线性方程组 目录 5 线性方程组 5.1.知识点 5.1.1.线性方程组有解的充要条件
- 硅谷课堂第五课-腾讯云对象存储和课程分类管理
硅谷课堂第六天-整合腾讯云对象存储和课程分类管理 文章目录 硅谷课堂第六天-整合腾讯云对象存储和课程分类管理 一.讲师管理模块整合腾讯云对象存储 1.腾讯云对象存储介绍 1.1.开通"对象存 ...
- 小学五计算机课程安排,小学五年级信息技术教学计划
小学五年级信息技术教学计划 时光在流逝,从不停歇,我们的教学工作又迈入新的阶段,立即行动起来写一份教学计划吧.以期更好地开展接下来的教学工作,下面是小编为大家收集的小学五年级信息技术教学计划,欢迎大家 ...
- 五年级上学期计算机教案,最新2015苏教版小学信息技术五年级第一学期教案
<最新2015苏教版小学信息技术五年级第一学期教案>由会员分享,可在线阅读,更多相关<最新2015苏教版小学信息技术五年级第一学期教案(18页珍藏版)>请在人人文库网上搜索. ...
- 【Linux探索之旅】第二部分第五课:用户和权限,有权就任性
内容简单介绍 1.第二部分第五课:用户和权限,有权就任性 2.第二部分第六课预告:Nano,刚開始学习的人的文本编辑器 用户和权限.有权就任性 今天的标题也挺任性的啊,虽说小编是一个非常本分的人(真的 ...
- 吴恩达deeplearning.ai五项课程完整笔记了解一下?
来源:机器之心 本文共3744字,建议阅读8分钟. 通过本文为大家解读如何构建自然语言.音频和其他序列数据的模型. 自吴恩达发布 deeplearning.ai 课程以来,很多学习者陆续完成了所有专项 ...
- Linux 探索之旅 | 第三部分第五课:延时执行,唯慢不破
-- 作者 谢恩铭 转载请注明出处 内容简介 第三部分第五课:延时执行,唯慢不破 第三部分第六课预告:第三部分测验题 延时执行,唯慢不破 上一课 Linux探索之旅 | 第三部分第四课:后台运行及合并 ...
最新文章
- 读dataframe存入mysql_DataFrame数据保存到mysql数据库中
- vs2017报错 popen pclose
- 互联网推广方案:如何提高企业网站排名!
- 【深度学习】PyTorch 数据集随机值的完美实践
- OpenJudge NOI 1.7 14:大小写字母互换
- jQuery中ajax请求的六种方法(三、五):$.getScript()方法
- (20)FPGA数据接口同步化
- 【软件工程】基准配置(基线配置)
- 学计算机用16g内存,说出去就是个笑话,两万多电脑内存才16G,我认为这配置不合理!...
- 高通 msm8953 LCD 休眠/唤醒 流程
- 通过Java 画一个太极图
- 运维工程师是桥的护栏_高速公路护栏有哪几种类型?
- 大学物理简明教程笔记
- 01.初识redis
- 内蒙古小学计算机老师招聘试题及答案,2016内蒙古事业单位计算机考试题库:计算机考试练习题(57)...
- 研电赛项目之双目测距,涉及matlab相机标定,opencv多线程编程,摄像头读取,行人检测、BM立体匹配等等
- GitHub网页版提交PR
- 音频声学相关的常用缩略语
- python tutorial json_Python Tutorial - Parse JSON Objects with Python
- webpack对css文件打包:css-loader和style-loader版本过高问题
热门文章
- Deepmind AlphaStar 如何战胜人类职业玩家【中科院自动化所深度解析】
- 深度解析2019中国机器人行业年会主旨报告:把脉中国机器人发展,助力产业创新与协作共融...
- 德国图宾根大学发布可扩展「对抗黑盒攻击」,仅通过观察决策即可愚弄深度神经网络
- 谷歌软件工程师薪资百万,大厂薪资有多高?
- 漏答题、偏科、多次复读,30 位互联网大佬考上啥大学了?
- 大型网站技术架构(二)架构模式
- 3D Robotics转型新动作,将为亚特兰大机场提供站点扫描服务
- Play Framework 2.5 整合 MyBatis
- 你是否真的了解全局解析锁(GIL)
- SQL语句中不同的连接JOIN