关闭

[置顶] js日常小笔记

一、getElementsByClassName h5中新增的方法,但是只有较新的浏览器才支持它,现在使用DOM方法来实现,能适用于新老浏览器function getElementsByClassName(node,classname) { if(node.getElementsByClassName) { //使用现有方法 return node.g...
阅读(188) 评论(0)

兼容性问题

一、【解决】IE6、7中SELECT标签高度的兼容性修复 (select需要被多嵌套两层标签,一层用来遮挡select的默认边框[在IE6、7中设置border:0px也是无效的,高版本可用],另一层用来模拟”高度改变后的“select边框).standard_select{ /*边框*/ display:inline-block; b...
阅读(125) 评论(0)

响应式网站实战学习

一、必须在样式表头部最先声明,引入外部字体,尽量少用第三方cdn,下载到本地再引入css@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700|Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i|Oswald:300,400,700');...
阅读(144) 评论(0)

jQuery高级编程

数组操作(1).isArray()方法检查一个对象是否是一个数组之外(2).makeArray()方法将一个类似于数组的对象转换为一个真正的数组(3).merge()方法从第2个数组中获取元素,并将这些元素追加到第一个数组中,并保留两个数组中元素的顺序(4).inArray()方法用于检查数组中是否存在某个指定的值(5).unique()方法是从DOM元素的数组中移除重复的元素...
阅读(572) 评论(0)

移动端Web开发

移动web调试使用chrome浏览器手机web页,和PC端web页其实差别不大。主要体现在以下几点: 1、移动web页需要在head里面加上这一 句:。其作用是声明页面宽度为设备宽度,不允许缩放。具体用法请自行百度。 2、移动Web页尽可能使用百分比设置...
阅读(584) 评论(0)

玩转Bootstrap(JS插件篇)

模态弹出框 一次性导入:Bootstrap提供了一个单一的文件,这个文件包含了Bootstrap的所有JavaScript插件,即bootstrap.js(压缩版本:bootstrap.min.js)。具体使用如下(或见右侧代码编辑器28-29行): <script src="http://li...
阅读(5754) 评论(5)

CSS 选择器

在 CSS 中,选择器是一种模式,用于选择需要添加样式的元素。 “CSS” 列指示该属性是在哪个 CSS 版本中定义的。(CSS1、CSS2 还是 CSS3。)...
阅读(242) 评论(0)

Bootstrap(基础)

bootstrap模板为使IE6、7、8版本(IE9以下版本)浏览器兼容html5新增的标签,引入下面代码文件即可。同理为使IE6、7、8版本浏览器兼容css3样式,引入下面代码:<script src="https://oss.maxcdn...
阅读(1046) 评论(0)

jQuery基础修炼圣典—事件篇

click与dbclick事件 jQuery提供了两个方法一个是click方法用于监听用户单击操作,另一个方法是dbclick方法用于监听用户双击操作。...
阅读(290) 评论(0)

jQuery基础修炼圣典—动画篇

隐藏元素的hide方法//点击buttom1 直接隐藏 $("button:first").click(function() { $("#a1").hide() });//点击buttom2 执行动画隐藏 $("button:last").click(function() { $("#a2").hide(...
阅读(289) 评论(0)

盒子中的margin问题

1、行内元素的margin 垂直margin不起作用 水平margin值为第一个元素的margin-right加上第2个元素的margin-left,如同所示 2、块级元素之间的竖直margin 两个块级元素之间的垂直margin是第一块的margin-bottom与第二块的margin-top两者的较大值,如下图所示 3、嵌套盒子之间的margin 父子关系,当一个div块包含在另外一...
阅读(206) 评论(0)

'display'、'position' 和 'float' 的相互关系

转换对应表:这一节是为了调和三种布局和框形成的关键特性( display )之间的关系而设。总的来说,可以把它看作是一个类似优先级的机制, “position:absolute” 和 “position:fixed” 优先级最高,有它存在的时候,浮动不起作用,’display’ 的值也需要调整; 其次,元素的 ‘float’ 特性的值不是 “none” 的时候或者它是根元素的时候,调整 ‘displ...
阅读(215) 评论(0)

scrollHeight、clientHeight、offsetHeight使用区别

在IE中 scrollWidth:获取对象的滚动宽度 scrollHeight: 获取对象的滚动高度。 scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离 scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离 offsetLeft:获取对象相对于版面或由 offsetParent 属性指定的父坐标的计算左侧位置 offsetTo...
阅读(310) 评论(0)

跨平台的移动Web开发实战(HTML5+CSS3)

标记-moz-、-webkit-、-o-和-ms-的解释 -moz-:代表Firefox浏览器特有的属性 -webkit-:代表webkit浏览器特有的属性,Chrome、Safari浏览器采用WebKit内核 -o-:代表Opera浏览器特有的属性 -ms-:代表IE浏览器特有的属性...
阅读(995) 评论(0)

【总结】CSS/CSS3常用样式小结——兼容性

1.html中两张图横向回车导致间隙,怎么才能去除成为无间隙?例如:div 宽300px ; img 宽100px; border:0px; //上面情况刚好显示三张图 这种情况就无法在横向显示三张图,因为回车导致两图间有间隙。 解决办法就是让图片浮动。2.css ie...
阅读(465) 评论(0)
34条 共3页1 2 3 下一页 尾页
    个人资料
    • 访问:19541次
    • 积分:456
    • 等级:
    • 排名:千里之外
    • 原创:24篇
    • 转载:9篇
    • 译文:1篇
    • 评论:5条
    最新评论