-
BFC(块级格式化上下文)
所属栏目：[资源] 日期：2020-12-14 热度：195
上一篇文章写了很长时间，是关于css布局的。既然涉及到了布局，BFC当然是不能错过的，所以在这篇文章中说明。BFC全称”Block Formatting Context”,中文为“块级格式化上下文”。 Formatting context 是 W3C CSS2.1 规范中的一个概念。它是页面中的一块渲染[详细]
-
html – 如何根据窗口宽度加载不同的css文件：较小的大小无法识
所属栏目：[资源] 日期：2020-12-14 热度：128
如果窗口大小低于500px,我想加载不同的css文件.我有 link type="text/css" media='(max-width: 500px)' rel="stylesheet" href="/static/mobile.css" /link type="text/css" media='(min-width: 500px)' rel='stylesheet' href='/static/main.css' / 但是mai[详细]
-
JS中的toString()用法
所属栏目：[资源] 日期：2020-12-14 热度：144
toSting()方法，在JS中是一个十分常见的方法，因为所有的对象(除了null)都有这个方法(因为他是Object原型上的方法)。他最常用的功能就是将表达式的值转化为字符串，其实，这个方法不止是这个功能，还有其他多种多样的用法。 1.number转进制数 var num1 = 123[详细]
-
html – 列表子弹在IE7中消失
所属栏目：[资源] 日期：2020-12-14 热度：126
关于 所以这个问题一次又一次被问到,但我注意到了一些不同的东西;见下文. 标准信息： 子弹显示在FF中 Bullet不会出现在IE中 查找 在 ul上设置hasLayout时子弹消失了元素,而不是 ligt ;;这通常在做* {zoom：1}时完成 Internet Explorer中的Firebug UL： backg[详细]
-
原生JS实现Ajax请求
所属栏目：[资源] 日期：2020-12-14 热度：164
Ajax，Asynchronous JavaScript and XML，即异步的 JavaScript 和 XML。我们可以通过Ajax实现局部刷新，在不刷新整个页面的情况下，就能够与后端进行交互，进行数据交换。 在Ajax交互中，我们需要用到一个XMLHttpRequest对象， 注：支持IE7+(所有现在浏览器)[详细]
-
HTML – 如何摆脱边界和图像用作Firefox中的链接？
所属栏目：[资源] 日期：2020-12-14 热度：183
奇怪的问题我认为更多的是我不确定它叫什么.但是我有一个链接的img 例 ...li a href="#link" img ... /a /li ..... 现在我将css边界规则全部设为0.所以它们没有蓝色边框.但是在Firefox中,只有当我点击图像时,它们似乎才是粉红色的迷你虚线边框？在其他浏览器[详细]
-
原生JS操作CSS样式
所属栏目：[资源] 日期：2020-12-14 热度：123
为了使得页面上的元素能够随着用户的操作而“动”起来，我们常常需要用JS去操作一些元素的CSS样式，最简单的如隐藏、显示。 摆脱jQ库，我们现在用原生的JS来操作CSS样式。 行内样式（可读可写） CSS属性 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?JS调用 color ? ? ? ?[详细]
-
如何在DocPad中缩小HTML,CSS和JavaScript文件？
所属栏目：[资源] 日期：2020-12-14 热度：110
当我点击docpad生成时,我想缩小 HTML,CSS和 JavaScript文件,我该怎么做？ 解决方法 有几种方法可以解决这个问题.最突出和最直接的方法是修改您的 docpad configuration file以触发像 grunt这样的外部工具,通过 Here is a gist that showcases this.缩小您的[详细]
-
JS实现选择排序
所属栏目：[资源] 日期：2020-12-14 热度：158
选择排序，原理就是每一次从待排序的数据中选出最小（大）的元素，将他放在序列的起始位置，直到排完整个序列。 来看选择排序的js实现方式： function selectionSort(arr) { var len = arr.length,min,temp; for (var i = 0; i len - 1; ++i) { min = i; for[详细]
-
html – 如果内容溢出浏览器窗口左侧,是否可以显示滚动条？
所属栏目：[资源] 日期：2020-12-14 热度：93
当内容大于窗口时,此代码使浏览器具有水平滚动条,溢出到右侧： div.a { position: relative; float: left; background-color: red;}div.b { position: absolute; top: 100%; left: 100%; background-color: blue; white-space: nowrap;} div class="a"Text1[详细]
-
html – 在bootstrap中添加输入和按钮之间的空格
所属栏目：[资源] 日期：2020-12-14 热度：184
我正在使用bootstrap 3并拥有此 HTML： body div class="container body-content" div class="row" div class="col-lg-6" label class="control-label" for="parameterValue"sdsd/label div class="input-group" input class="form-control" type="text" nam[详细]
-
谈谈css3布局
所属栏目：[资源] 日期：2020-12-14 热度：101
在css2的布局之后，我们趁热打铁，开启css3中的布局，毕竟，时代在进步，浏览器也在升级换代，在良好的兼容性的铺垫下，更适合我们的技术将得到大力追捧。下面，介绍css3中的布局技术。 1.css3盒子模型 在介绍布局前，先介绍下盒模型。在css2中的W3C标准的盒[详细]
-
HTML – 如何使Bootstrap“卡”响应
所属栏目：[资源] 日期：2020-12-14 热度：169
Bootstrap最近提供了一个名为“卡片”的功能,一切都很酷,直到它到达747px视口.见下图. 你可以看到这一切都搞砸了,容器不适合.有没有我们可以做的CSS修复确保它们从747px及以下看起来很好??? 这是我的HTML： div class="row" div class="col-md-3" div class=[详细]
-
IE强制标准模式
所属栏目：[资源] 日期：2020-12-14 热度：168
在实际开发中遇到了仅兼容IE8及以上的页面在IE中打开总是以IE7标准来渲染，导致页面出现了一些问题，原来是meta标签的问题，为了能够让IE始终以最高版本的标准模式来渲染页面，可以采用meta http-equiv=X-UA-Compatible content=edge /。 其实，X-UA-Compati[详细]
-
HTML – 如何在移动设备上测试您的Web应用程序？
所属栏目：[资源] 日期：2020-12-14 热度：190
我没有钱购买手机,iPhone等,但我确实想让我的网络应用程序可用于移动设备.是否有一些软件可以刺激这些设备,或者我应该怎么做？ 解决方法 BlackBerry Iphone和 Android,您可以使用这些模拟器和仿真器进行测试.[详细]
-
html – CSS：display：inline-flex和text-overflow：省略号不能
所属栏目：[资源] 日期：2020-12-14 热度：157
我有一个跨度.我需要下面提到的两种风格.但随着显示：inline-flex,文本溢出：省略号不起作用. .ed-span{ display: inline-flex!important; text-overflow: ellipsis; } 当我将inline-flex更改为内联块时,它正在工作.但我需要inline-flex. 我怎样才能让它发挥[详细]
-
jQuery中extend实现深拷贝和浅拷贝
所属栏目：[资源] 日期：2020-12-14 热度：199
在jQuery中，我们可以使用$.extend方法简单的实现对象的拷贝。 一、extend浅拷贝 var a = { name: 'aa',age: 12,friends: [{ name: 'Jack',age: 12 },{ name: 'Tom',age: 13 }],con: { height: '160cm',weight: '61kg' }};var b = { name: 'bb',age: 14,frie[详细]
-
html – 如何使用Perl将文件中的CSS定义合并到内联样式属性中？
所属栏目：[资源] 日期：2020-12-14 热度：99
许多电子邮件客户端不喜欢链接的CSS样式表,甚至不喜欢嵌入的 style tag,而是希望CSS在所有标记上显示为内联样式属性. BAD： link rel = stylesheet type =“text / css”href =“/ style.css” BAD： style type =“text / css” … / style WORKS： h1 styl[详细]
-
原生JS实现浅拷贝与深拷贝
所属栏目：[资源] 日期：2020-12-14 热度：164
前面，使用jQ中的extend方法实现了js中对象的深浅拷贝，现在我们使用原生的JS来实现一下。 一、浅拷贝 function shallowCopy(obj) { var result = {}; for (var i in obj) { if (obj.hasOwnProperty(i)) { result[i] = obj[i] } } return result;} 我们用in[详细]
-
macos – OSX上的Sublime Text：拼写检查器不学习
所属栏目：[资源] 日期：2020-12-14 热度：87
我试图在OSX(10.6.8和10.8.5)上使用/拼写检查器为ST2工作.内置解决方案做得非常好,特别是对于LaTeX文件.如果ST2认为它们包含拼写错误,我确实看到用红色下划线的单词.但是如果我选择“忽略”这些词(不再突出显示)并重新启动Sublime Text,它们会再次突出显示(S[详细]
-
HTML – 在td标签上显示背景图像
所属栏目：[资源] 日期：2020-12-14 热度：89
我试图在标签td上显示背景图像.我有代码 td style="background-image:url(../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg);background-repeat:no-repeat;background-size:250px 180px;"/tdimg src="../uploadimages/18-2-2013-23-33-01-Lighthouse.jpg"[详细]
-
ctrl+f5与f5的区别
所属栏目：[资源] 日期：2020-12-14 热度：146
一直以为f5是普通的刷新，会加载缓存，而Ctrl＋f5是不加载缓存，不过，今天发现在chrome(33版本)下貌似没有达到这个效果，因为修改过的html一直没被加载。 IE 首先，开启apache，先登录我们需要访问的URL地址，保证在浏览器中存在缓存。首先在URL地址栏中，[详细]
-
原生JS操作XML
所属栏目：[资源] 日期：2020-12-14 热度：162
虽然现在广泛使用json数据格式，但是xml这种数据格式也是有他的作用的。html作为xml的先驱，我们可以用JS操作html的节点（DOM），所以操作xml也不会是太复杂。 生成XML xml的规范不在此篇的讨论范围之中。下面说明我们如何用原生的JS来创建xml节点，以生成xm[详细]
-
html – 为什么水平边距不会像垂直边距那样崩溃？
所属栏目：[资源] 日期：2020-12-14 热度：146
我理解为什么边缘崩溃发生了.我在各种网站上看到了很少的例子,说明它是如何发生的以及为什么会发生. 具体来说,以下是我读到的帖子的链接： https://css-tricks.com/almanac/properties/m/margin/ 它清楚地解释了崩溃是垂直发生的,并且它是出于某种目的而实现[详细]
-
用CSS实现水平垂直居中
所属栏目：[资源] 日期：2020-12-14 热度：159
对于CSS的垂直水平居中 ，知道有那么几个，也没有完全的去了解下，现在用些时间来总结下，所有可用的方法。 一、利用margin加position body div class="box"/div/body style type='text/css'*{margin:0px;padding:0px;}div.box { width: 100px; height: 100p[详细]
