-
全面总结使用CSS实现水平垂直居中效果的方法
所属栏目：[站长百科] 日期：2020-03-17 热度：177
副标题#e# 说起水平垂直居中大家常看到的是使用绝对定位与负margin的配合或者是inline-block配合vertical-align:middle等方法。当然还有其他一些解决方案，比如说，在水平垂直居中系列中介绍了一些制作方案。但这些方案或多或少都存在一些局限性。假设，要[详细]
-
CSS设置DIV垂直居中的N种方法 兼容IE浏览器
所属栏目：[站长百科] 日期：2020-03-17 热度：55
副标题#e# 在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有v[详细]
-
纯CSS3实现3D旋转书本效果
所属栏目：[站长百科] 日期：2020-03-17 热度：146
副标题#e# 有一些前沿的电商网站已经开始使用3D模型来展示商品并支持在线定制，而其中图书的展示是最为简单的一种，无需复杂的建模过程，使用图片和CSS3的一些变换即可实现更好的展示效果，简洁而实用。 书本的3D模型是所有商品中最为简单的，因为其本质上[详细]
-
浅谈css之属性及剩余的选择符
所属栏目：[站长百科] 日期：2020-03-17 热度：139
副标题#e# 今天的课程加速了，比平时快了些，但觉得很不错。nice~ 属性选择符 E[att] 选择具有att属性的E元素。 XML/HTML Code复制内容到剪贴板 input[type]{color:#red;}inputtype=radio E[att=val] 选择具有att属性且属性值等于val的E元素。 XML/HTML Cod[详细]
-
Digium升级了中小企业的IP PBX功能
所属栏目：[站长百科] 日期：2020-03-17 热度：189
迪基姆公司销售的是商业版的开源AsteriskIPPB X软件，已经升级了小企业版的产品，以支持更多的通信模式.. 最新版本的SwitchvoxSMBPB X支持传真、即时通讯和视频呼叫，以及更好地与Web应用程序集成，该公司将其描述为对统一通信的新支持。 (比较IPPB X产品)[详细]
-
加拿大的联络中心对未来准备不足
所属栏目：[站长百科] 日期：2020-03-17 热度：78
根据上周发布的一份报告，加拿大首席信息官最好准备好以新的方式与客户打交道。 加拿大客户正在扩大，不仅仅是打电话，而是扩大到其他各种通信渠道而加拿大联系中心还没有准备好处理这一问题。 信息技术服务公司DimensionData发布了其2015年全球联络中心基[详细]
-
10个非常实用的CSS hack技术
所属栏目：[站长百科] 日期：2020-03-17 热度：152
副标题#e# 好吧，既然你看了这篇文章，那么我猜你了解CSS并且知道它能为你做什么。但是一些很有用的技术对很多开发人员来说仍然比较隐秘，所以本文中，让我们看看10个肯定能提高你设计的CSS技术吧 1 跨浏览器的inline-block CSS Code复制内容到剪贴板 style[详细]
-
20个非常实用的CSS技巧
所属栏目：[站长百科] 日期：2020-03-17 热度：187
副标题#e# 这段代码会让你的彩色照片显示为黑白照片，是不是很酷？ CSS Code复制内容到剪贴板 img.desaturate{ filter:grayscale(100%); -webkit-filter:grayscale(100%); -moz-filter:grayscale(100%); -ms-filter:grayscale(100%); -o-filter:grayscale(1[详细]
-
CSS3解决移动页面上点击链接触发色块的问题
所属栏目：[站长百科] 日期：2020-03-17 热度：172
副标题#e# 前段时间做微信页面的时候，一行内容做了2个链接，点击一个标签的时候，整个颜色块会闪一下，影响美观。需求针对这种情况来问我，能否把这个一闪的颜色去掉。我当时就想，这个怎么去？那我也不好直接回绝她，好吧，我试试吧！经过研究，百度的很[详细]
-
CSS中的line-height行高属性学习教程
所属栏目：[站长百科] 日期：2020-03-17 热度：184
副标题#e# 基本概念 1.行高、行距 行高是指文本行基线间的垂直距离。那什么是基线呢？记不记得vertical-align属性有个baseline值，这个baseline就是基线。看张盗图（选自下面的参考文章），其实我也修改了一下啦~ 注意：倒数第二根是基线哦，最下面那根是底[详细]
-
CSS3轻松实现清新 Loading 效果的简单实例
所属栏目：[站长百科] 日期：2020-03-17 热度：56
至今HTML5中国已经为大家分享过几百种基于CSS3的Loading加载动画，效果酷炫代码简洁，非常值得学习借鉴;今天就先给大家分享两个常用的CSS3的Loading的案例。 第一种效果： HTML部分 XML/HTML Code复制内容到剪贴板 divclass=loading span/span span/span s[详细]
-
CSS3 media queries + jQuery实现响应式导航
所属栏目：[站长百科] 日期：2020-03-17 热度：174
副标题#e# 实现一个响应式导航，当屏幕宽度大于700px时，效果如下： 当屏幕宽度小于700px时，导航变成一个小按钮，点击之后有一个菜单慢慢拉下来： 思路： 1.为了之后在菜单上绑定事件，并且不向DOM中添加多余的节点，在大屏幕中出现的导航和小屏幕中的下拉[详细]
-
纯CSS实现导航栏Tab切换效果
所属栏目：[站长百科] 日期：2020-03-17 热度：82
副标题#e# 不用 Javascript，使用纯 CSS 方案，实现类似下图的导航栏切换： CSS 的强大之处有的时候超乎我们的想象，Tab 切换，常规而言确实需要用到一定的脚本才能实现。下面看看如何使用 CSS 完成同样的事情。 实现 Tab 切换的难点在于如何使用 CSS 接收[详细]
-
关于清除浮动塌陷的几种方法总结
所属栏目：[站长百科] 日期：2020-03-17 热度：63
副标题#e# 什么是浮动呢？ 定义这样说：浮动的框可以向左或向右移动，直到它的外边缘碰到包含框或另一个浮动框的边框为止。 其实也就是把快级元素变成能和别的快级并排成一行。 浮动的的元素有4点特性： 1.浮动元素会脱离标准文档流，已经不区分快和行了。[详细]
-
css让容器水平垂直居中的7种方式
所属栏目：[站长百科] 日期：2020-03-17 热度：137
副标题#e# 方法一：position加margin XML/HTML Code复制内容到剪贴板 divclass=wrap divclass=center/div /div CSS Code复制内容到剪贴板 /**css**/.wrap{width:200px;height:200px;background:yellow;position:relative; }.wrap.center{width:100px;height[详细]
-
利用纯CSS自定义Checkbox和Radio的样式示例代码
所属栏目：[站长百科] 日期：2020-03-16 热度：104
首先看看不同平台的checkbox radio 我们可以利用CSS3的一些属性来实现自定义checkbox radio样式。 HTML 代码 // radio inputdiv class=radioinput id=male type=radio name=gender value=malelabel for=maleMale/labelinput id=female type=radio name=gen[详细]
-
利用CSS实现立方体360度旋转效果实例代码
所属栏目：[站长百科] 日期：2020-03-16 热度：185
示例代码： 复制代码 代码如下: !DOCTYPE html html head lang="en" meta charset="UTF-8" title/title style * { margin: 0; padding: 0} ul {list-style: none;} ul { width: 200px; height: 200px; margin: 200px auto; position: relative; transition[详细]
-
css解决display:inline-block;产生的缝隙（间隙）的方法
所属栏目：[站长百科] 日期：2020-03-16 热度：156
今天在做H5的水平滑动卡片时用到了display:inline-block;却发现处在同一水平线上的元素之间居然产生了缝隙，这很显然不是我想要的效果，所以我就换成了左浮动，这样缝隙的问题是解决了，但是需要设置父元素的宽度才能实现水平左右滚动，这样又增加了代码量[详细]
-
CSS3 三维变形实现立体方块特效源码
所属栏目：[站长百科] 日期：2020-03-16 热度：169
三维变换使用基于二维变换的相同属性，如果您熟悉二维变换，你们发现3D变形的功能和2D变换的功能类似。3D变形与2D变形的最大不同就在于其参考的坐标轴不同，2D变形的坐标轴是平面的，只存在X轴和Y轴，而3D变形的坐标轴则是X、Y、Z三条轴组成的立体空间，X[详细]
-
css3学习之2D转换功能详解
所属栏目：[站长百科] 日期：2020-03-16 热度：151
CSS3提供了2D转换功能，能够对元素进行移动、缩放和转动等功能。 2D转换的属性名为transform，使用方法为transform:method(value)。 2D转换方法有translate、scale、rotate、skew、matrix，还有基于这些分支出的translateX、scaleY等。 这里，我将会介绍到[详细]
-
深入理解CSS系列之flex兼容
所属栏目：[站长百科] 日期：2020-03-16 热度：68
Flex 布局教程想了解的可以自己去看看这篇博文，或者自己百度，这里先部多做介绍，我们主要来说一说flex布局的兼容性问题。 why? 大家可能想问了，flex布局为什么会存在兼容性问题啊？ 之所以存在兼容性问题，是因为技术在不断的更新，有些旧的浏览器只支[详细]
-
深入理解CSS行高line-height与文本垂直居中的原理
所属栏目：[站长百科] 日期：2020-03-16 热度：146
前言 在CSS中，line-height 属性设置两段段文本之间的距离，也就是行高，如果我们把一段文本的line-height设置为父容器的高度就可以实现文本垂直居中了，比如下面的例子： 复制代码 代码如下: !DOCTYPE html html lang="en" head meta charset="UTF-8" tit[详细]
-
CSS实现鼠标滑过鼠标点击代码写法
所属栏目：[站长百科] 日期：2020-03-16 热度：55
鼠标滑过元素，使得元素的样式发生改变 我们定义一个按钮标签 复制代码 代码如下: buttonBUTTON/button 我们首先设置按钮的背景颜色为灰色： 复制代码 代码如下: .px-button{ background-color: grey; } 我们要使得鼠标滑过按钮的时候，让其变为蓝色，我们[详细]
-
沃尔玛可能与Netflix和亚马逊Prime Video正面交锋
所属栏目：[站长百科] 日期：2020-03-16 热度：168
据报道，沃尔玛正在考虑推出订阅视频服务。 首先是Netflix。 接下来是迪斯尼飞。 然后来...沃尔玛? 据知情人士透露，大型零售商沃尔玛正考虑推出一项订阅流媒体视频服务，以对抗Netflix及其电子商务对手亚马逊。 据该报告引用的一位人士称，它的月价可能低[详细]
-
Shaw找到了新的首席执行官却对无线计划守口如瓶
所属栏目：[站长百科] 日期：2020-03-16 热度：113
尽管在周五的季度会议电话会议上任命了一位新领导人，但ShawCommunicationsInc.并没有改变其对无线网络进展的看法，也就是说，这家有线电视巨头仍然拒绝分享即将推出的任何细节。 在周五的季度财务报告中，这家总部位于卡尔加里的电信公司宣布，首席执行官[详细]
