第五课 课程重点(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,所以设置时margin和padding都设为0px
  
9、行内元素的上下margin撑不开自己所在的块级元素的高度:需在行内元素上下各加一个<div style="height:0px;overflow:hidden"></div>辅助撑开

时间: 2024-10-07 06:33:07

第五课 课程重点(z-index、overflow、浏览器兼容性)的相关文章

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

2015.7.6 第一课 课程重点(html、列表、表格、相对路径、超链接)

2015.7.6 第一课 课程重点(html.列表.表格.相对路径.超链接) 1.html(超文本标记语言)结构: <html> <head> <title>标题</title> </head> <body> 主体 </body></html> 2.版面控制标记: 换行:<br/> 段落:<p></p> 水平线:<hr> (  粗细: size: 宽度:width

第六课 课程重点(仿站及常见代码用法)

1.网站常见小图标调用方式: 将所有小图标做在一张大图上a.png,然后根据横纵轴来调用. background:url("a.png") -23px -70px no-repeat; 2.块级元素居中的常见写法: margin:0px auto; 3.如何让超链接影响到整个块? 将行内元素变成块级元素:display:block 4.文本框只留下面一条线: { border-width:0px;  border-bottom:solid 1px #000; } 5.仿站: 用所学知识

2015.7.22 第十一课 课程重点(jq:元素获取、添加、删除、过滤、判断、遍历、取值,样式设置、改变对象、切换、判断)

1.获取元素: 1).size(): 获取元素的个数. $(“img”).size():获取有多少个img. 2).eq():获取元素. $(“img[title]”).eq(1):获取第二个带有title属性的img标签. 也可以写作: $(“img[title]”)[1],此括号里的1代表索引1,所以是对应第二个,一般多用eq(). 3).get() :获得由选择器指定的DOM元素. x=$("p").get(0):获取第一个 p 元素的值. 4)index():获取某项标签的索引

2015.7.20 第九课 课程重点(js语句:获取时间、数字取值、定时器)

[jq与js的关系]:jq是对js常用的方法进行封装.简化和优化. [小技巧]ctrl+k+D :VS写代码格式乱了时,整理代码用的快捷键 ------------------------------------------------------------------------------------------------------ 1.获取时间: 方法 描述 getFullYear() 返回四位数的年份 getMonth() 返回月份(从0开始,1月=0,2月=1,...) getD

2015.7.8 第三课 课程重点(css样式)

[课前提问及答案] 1.table有哪些属性:width.height.border.cellspacing.cellpadding.bordercolor.bgcolor.align  宽 高 边框 内框宽度  文字到边框距离 边框颜色 背景色 水平位置 2.body有哪些属性:bgcolor.background.text 背景颜色 背景图片 文字颜色 ----------------------------------------------------------------------

第十一课 课程重点(jq:元素获取、添加、删除、过滤、判断、遍历、取值,样式设置、改变对象、切换、判断)

1.获取元素: 1).size(): 获取元素的个数. $(“img”).size():获取有多少个img. 2).eq():获取元素. $(“img[title]”).eq(1):获取第二个带有title属性的img标签. 也可以写作: $(“img[title]”)[1],此括号里的1代表索引1,所以是对应第二个,一般多用eq(). 3).get() :获得由选择器指定的DOM元素. x=$("p").get(0):获取第一个 p 元素的值. 4)index():获取某项标签的索引

第九课 课程重点(js语句:获取时间、数字取值、定时器)

[jq与js的关系]:jq是对js常用的方法进行封装.简化和优化. [小技巧]ctrl+k+D :VS写代码格式乱了时,整理代码用的快捷键 ------------------------------------------------------------------------------------------------------ 1.获取时间: 方法 描述 getFullYear() 返回四位数的年份 getMonth() 返回月份(从0开始,1月=0,2月=1,...) getD

第十课 课程重点(jq选择器:id、类、标签、奇偶、eq、nth-child、子元素、属性、包含、位置、过滤)

1.在VS中新建jq项目: 新建web窗体时选择第二个: 将系统生成的多余文件夹删掉,仅留下Scripts和Web.config: 将Scripts文件夹改名为我们熟悉的js(也可以不改,仅推荐改),并新建文件夹css和image,并在对应位置添加页面,html.css.js 将上图鼠标所指的.min.js文件拖动到html中,将自己新建的js文件拖动到它下方,如图: *两者上下位置关系千万别弄饭了,min.js一定要在最上面. 将Script文件夹中的第一个js文件(_references.j