-
css解决display:inline-block;产生的缝隙（间隙）的方法
所属栏目：[站长百科] 日期：2020-03-16 热度：143
今天在做H5的水平滑动卡片时用到了display:inline-block;却发现处在同一水平线上的元素之间居然产生了缝隙，这很显然不是我想要的效果，所以我就换成了左浮动，这样缝隙的问题是解决了，但是需要设置父元素的宽度才能实现水平左右滚动，这样又增加了代码量[详细]
-
CSS3 三维变形实现立体方块特效源码
所属栏目：[站长百科] 日期：2020-03-16 热度：127
三维变换使用基于二维变换的相同属性，如果您熟悉二维变换，你们发现3D变形的功能和2D变换的功能类似。3D变形与2D变形的最大不同就在于其参考的坐标轴不同，2D变形的坐标轴是平面的，只存在X轴和Y轴，而3D变形的坐标轴则是X、Y、Z三条轴组成的立体空间，X[详细]
-
css3学习之2D转换功能详解
所属栏目：[站长百科] 日期：2020-03-16 热度：167
CSS3提供了2D转换功能，能够对元素进行移动、缩放和转动等功能。 2D转换的属性名为transform，使用方法为transform:method(value)。 2D转换方法有translate、scale、rotate、skew、matrix，还有基于这些分支出的translateX、scaleY等。 这里，我将会介绍到[详细]
-
CSS样式中大于号的使用及Css中处理继承方法
所属栏目：[站长百科] 日期：2020-03-16 热度：75
继承在一定程度上让程序在编写的过程中更加方便，但是有时候也会给我们的程序带来一定的困扰，所以认真的学习继承的原理，以及处理的方法很重要。下面是Css中处理继承的一个方法。 在一段CSS代码中见到一个大于号()，代码如下： BODY#css-zen-garden DIV#e[详细]
-
深入理解CSS系列之flex兼容
所属栏目：[站长百科] 日期：2020-03-16 热度：52
Flex 布局教程想了解的可以自己去看看这篇博文，或者自己百度，这里先部多做介绍，我们主要来说一说flex布局的兼容性问题。 why? 大家可能想问了，flex布局为什么会存在兼容性问题啊？ 之所以存在兼容性问题，是因为技术在不断的更新，有些旧的浏览器只支[详细]
-
深入理解CSS行高line-height与文本垂直居中的原理
所属栏目：[站长百科] 日期：2020-03-16 热度：167
前言 在CSS中，line-height 属性设置两段段文本之间的距离，也就是行高，如果我们把一段文本的line-height设置为父容器的高度就可以实现文本垂直居中了，比如下面的例子： 复制代码 代码如下: !DOCTYPE html html lang="en" head meta charset="UTF-8" tit[详细]
-
CSS实现鼠标滑过鼠标点击代码写法
所属栏目：[站长百科] 日期：2020-03-16 热度：185
鼠标滑过元素，使得元素的样式发生改变 我们定义一个按钮标签 复制代码 代码如下: buttonBUTTON/button 我们首先设置按钮的背景颜色为灰色： 复制代码 代码如下: .px-button{ background-color: grey; } 我们要使得鼠标滑过按钮的时候，让其变为蓝色，我们[详细]
-
10个CSS简写/优化技巧整理
所属栏目：[站长百科] 日期：2020-03-16 热度：173
CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS 简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。 下面介绍常见的CSS简写规则： 一、盒子大小 这里主要用于两个属性：margin和padding，我们以m[详细]
-
详解CSS中的display:flex
所属栏目：[站长百科] 日期：2020-03-16 热度：92
Flex是Flexible Box的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 flex： 将对象作为弹性伸缩盒显示 inline-flex：将对象作为内联块级弹性伸缩盒显示 flex示例代码 !DOCTYPE htmlhtml lang=enheadmeta chars[详细]
-
详解css常用选择器
所属栏目：[站长百科] 日期：2020-03-16 热度：150
导入外部css样式表的方法 使用link标签导入外部css样式表 link rel=stylesheet href=http://www.jb51.net/css/css/demo01.css 在样式表中import(导入)外部样式表 @import url(/crazy-html5/06css/css/demo01.css); 使用内部样式表 内部样式表只能作用于某[详细]
-
css布局之负margin妙用及其他实现
所属栏目：[站长百科] 日期：2020-03-16 热度：102
副标题#e# 相信大家在项目的开发中都遇到过这样的需求，一行放X（X1）个块且相邻块之间的间距相同。 大概就是上面这个样子，下面介绍几种实现的方式。 1.负margin大法 设置好元素的宽度和留白占满父级的宽度，然后设置父级的margin-left为留白的负留白的宽[详细]
-
CSS3 渐变（Gradients）之CSS3 线性渐变
所属栏目：[站长百科] 日期：2020-03-16 热度：100
副标题#e# CSS3 渐变（gradients）可以让你在两个或多个指定的颜色之间显示平稳的过渡。以前，你必须使用图像来实现这些效果。但是，通过使用 CSS3 渐变（gradients），你可以减少下载的事件和宽带的使用。此外，渐变效果的元素在放大时看起来效果更好，因[详细]
-
CSS3 渐变（Gradients）之CSS3 径向渐变
所属栏目：[站长百科] 日期：2020-03-16 热度：174
副标题#e# 径向渐变由它的中心定义。为了创建一个径向渐变，你也必须至少定义两种颜色结点。颜色结点即你想要呈现平稳过渡的颜色。同时，你也可以指定渐变的中心、形状（原型或椭圆形）、大[详细]
-
CSS中的指定值、初始值和计算值学习教程
所属栏目：[站长百科] 日期：2020-03-16 热度：181
副标题#e# CSS 中的声明，由 CSS 的特性和值，中间以 : 隔开组成。 我们可以使用 CSS 选择器，为选中的元素设置需要的样式。 在介绍 CSS 的特性和值的时候，特地的提到了浏览器应该怎样处理错误的值 -- 应该将包含错误值，不符合句法的值的声明直接忽略。然[详细]
-
响应式Web之流式网格系统
所属栏目：[站长百科] 日期：2020-03-16 热度：115
副标题#e# 随着移动端用户的增加，我们希望设计出来的网页能同时使用PC和移动端设备，同一个网页增对不同的设备显示效果也不一样，这时需要用到响应式设计。这里我先介绍一下流式网格系统。如果了解过 Bootstrap和Foundation框架的读者就能发现这两个框架都[详细]
-
CSS3中Transform动画属性用法详解
所属栏目：[站长百科] 日期：2020-03-16 热度：174
副标题#e# css3在原来的基础上增加了变形和动画相关的属性，动画三兄弟：transform、transition和animation，通过使用这三个属性可以达到很炫酷的效果。需要注意的是这三个属性都是css3新增的属性，各大浏览器支持方面还不是特别好，使用时要特别注意浏览器[详细]
-
CSS制作各种样式的彩虹效果
所属栏目：[站长百科] 日期：2020-03-16 热度：71
副标题#e# 今天看到一篇文章，说到margin的塌陷的问题，并提供了好几个例子。 自己之前还没怎么遇到过这个问题，正好来研究一下。 CSS Code复制内容到剪贴板 divclass=box1/div divclass=box2/div divclass=box3/div divclass=box4/div css样式一，使用marg[详细]
-
Digium升级了中小企业的IP PBX功能
所属栏目：[站长百科] 日期：2020-03-16 热度：103
迪基姆公司销售的是商业版的开源AsteriskIPPB X软件，已经升级了小企业版的产品，以支持更多的通信模式.. 最新版本的SwitchvoxSMBPB X支持传真、即时通讯和视频呼叫，以及更好地与Web应用程序集成，该公司将其描述为对统一通信的新支持。 (比较IPPB X产品)[详细]
-
沃尔玛可能与Netflix和亚马逊Prime Video正面交锋
所属栏目：[站长百科] 日期：2020-03-16 热度：180
据报道，沃尔玛正在考虑推出订阅视频服务。 首先是Netflix。 接下来是迪斯尼飞。 然后来...沃尔玛? 据知情人士透露，大型零售商沃尔玛正考虑推出一项订阅流媒体视频服务，以对抗Netflix及其电子商务对手亚马逊。 据该报告引用的一位人士称，它的月价可能低[详细]
-
Shaw找到了新的首席执行官却对无线计划守口如瓶
所属栏目：[站长百科] 日期：2020-03-16 热度：171
尽管在周五的季度会议电话会议上任命了一位新领导人，但ShawCommunicationsInc.并没有改变其对无线网络进展的看法，也就是说，这家有线电视巨头仍然拒绝分享即将推出的任何细节。 在周五的季度财务报告中，这家总部位于卡尔加里的电信公司宣布，首席执行官[详细]
-
加拿大的联络中心对未来准备不足
所属栏目：[站长百科] 日期：2020-03-16 热度：80
根据上周发布的一份报告，加拿大首席信息官最好准备好以新的方式与客户打交道。 加拿大客户正在扩大，不仅仅是打电话，而是扩大到其他各种通信渠道而加拿大联系中心还没有准备好处理这一问题。 信息技术服务公司DimensionData发布了其2015年全球联络中心基[详细]
-
SAP发布了其HANA实时数据库管理系统的快速版本
所属栏目：[站长百科] 日期：2020-03-16 热度：95
德国软件公司SAPAG周二宣布更新其SAPHANA解决方案套件与新的SAPHANA快递版。 在洛杉矶举行的SAP技术教育会议上宣布，内存中的计算和分析服务使应用程序开发人员能够利用对SAPHANA平台的无处不在的访问，免费在笔记本电脑或桌面或云中构建应用程序。 关系数[详细]
-
Chrome上网本没有短期计划
所属栏目：[站长百科] 日期：2020-03-16 热度：173
宏基公司(Acer Corp.)淡化了它计划在即将到来的台北Computex展览会上发布一系列运行谷歌公司Chrome操作系统的上网本的猜测。 该公司在一份电子邮件声明中表示：尽管最近有传言称Computex推出了基于ChromeOS的上网本，但宏今天证实，它对这种产品没有短期计[详细]
-
对标美国餐饮市场，疫情下的中国餐饮行业面临哪些机遇和挑战？
所属栏目：[站长百科] 日期：2020-03-16 热度：187
副标题#e# 据国家统计局数据，2019年餐饮收入为4.67万亿元，同比增长9.4%。中国饭店协会曾乐观预估，2020年中国餐饮业的全行业收入有望突破5万亿。 而近日恒大研究院发布研究报告指出，餐饮零售业春节短短7天的直接销售收入或腰斩5000亿元，这还不包括后续[详细]
-
CSS画出一个可爱神奇的多啦A梦
所属栏目：[站长百科] 日期：2020-03-16 热度：59
副标题#e# 小叮当简单颜色单一，操作起来也很容易上手。接下来的一个实例就是用css画出一个多啦A梦，首先将其分为头部，和身体。然后，再根据身体各部分细节进行进一步的具体刻画。 由于最近一直在学习JavaWeb方面的东西，所以，我的这个小叮当就是用jsp页[详细]
