-
Web标准:结构,表现和行为分离
所属栏目：[系统] 日期：2020-03-29 热度：176
Web标准：讨论内容结构表现行为分离 内容与表现分离，从标准到国人重视那天起，就已经讨论了，但是停留在div cssxhtml css纯代码的分离，思想上流程上，到底如何分离？ 古老的话题：一首古诗的分离 1.给你一首古诗，保存为毫无格式的一堆文字，你去理解它[详细]
-
用CSS遮罩实现过渡效果的示例代码
所属栏目：[系统] 日期：2020-03-29 热度：140
副标题#e# 今天我们展示如何用CSS遮罩创建一个有趣又简单但吸引人的过渡效果。与裁剪一样，遮罩是另外一种定义可见性和元素组合的方式。在下面的教程中，我们将向你展示如何应用新属性实现现代转换效果。我们将使用steps()和位于图片之上的PNG实现一个有趣[详细]
-
详解css透明度之rgba和opacity的区别及兼容
所属栏目：[系统] 日期：2020-03-29 热度：119
对于设置透明度，我们有两个可以选的css3属性：rgba 和 opacity opacity 用法： #box{background-color:rgb(125,25,0);opacity: 0.5} IE9, Firefox, Chrome, Opera 和 Safari 使用属性opacity来设定透明度。 opacity 属性能够设置的值从 0.0 到 1.0。值越[详细]
-
聊一聊CSS中的长度单位的使用
所属栏目：[系统] 日期：2020-03-29 热度：173
CSS中有很多属性可以接受长度值，比如： width, height, margin, padding, border-width, font-size, text-shadow。因为使用场景多，因此CSS也提供了许多长度单位。有的是日常生活中使用的单位，比如：厘米（cm）和英寸（in）；有的是印刷行业使用的单位，[详细]
-
详解利用clear清除浮动的一些问题解决
所属栏目：[系统] 日期：2020-03-29 热度：137
下面这段代码是用来清除浮动带来的高度塌陷问题 .clearfix:before {content: .;display: block;height: 0;clear: both;visibility: hidden;} Question 1: 上面的代码的能够实现清除浮动的问题吗？ Answer： Can't. 因为clear属性只能控制元素本身与前面的[详细]
-
css隐藏移动端滚动条并且ios上平滑滚动的方法
所属栏目：[系统] 日期：2020-03-29 热度：91
css隐藏移动端滚动条并且ios上平滑滚动的方法 HTML代码如下 !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8meta name=viewport content=width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0meta http-equi[详细]
-
如何使用css绘制钻石的方法
所属栏目：[系统] 日期：2020-03-29 热度：153
听说你想要钻石:gem:？买不起，还是用css来画一个吧，但你敢送给自己女朋友，不保证不被打。 下午两点要相亲，要不把这个送相亲对象？ 效果 先看下效果吧，想一想怎么构图先。 上图是已经完成的效果。钻石整体都是由三角形构成，上五下三。上边是五个等边[详细]
-
浅谈CSS中盒模型的理解
所属栏目：[系统] 日期：2020-03-29 热度：67
今天突然看到一篇关于CSS中盒模型的文章，忽然觉得自己竟然遗忘了很多小的地方，所以写一篇文章来记忆一下 （ 摘抄于千与千寻写的CSS盒子模型理解，并在自己基础上添加了一些东西，希望更完善，对大家有帮助 ） 1.基本的盒模型知识 CSS css盒子模型 又称框[详细]
-
CSS3径向渐变radial-gradient实现波浪边框和内倒角的方法
所属栏目：[系统] 日期：2020-03-29 热度：86
大佬给了一张优惠券图片(如下图)，我一看，这波浪型的边框和内倒角用css写不出来吧，遂向大佬说明并要ui切图，大佬回答：css3可以实现。好吧，大佬都说可以实现了，还不赶紧去求谷哥，度娘。 实现内倒角 上代码，然后解释代码 div class=radial-gradient/d[详细]
-
如何只在IE上加载CSS样式表
所属栏目：[系统] 日期：2020-03-29 热度：185
前言：IE一直是特殊的一个浏览器，我们可以使用一些方法来指定样式表只在IE浏览器下被加载。 IE9以及低于IE9版本 : 可以使用条件注释语句来加载特定于ie的样式表。如下所示，使用外部样式表。 !--[if IE] link rel=stylesheet type=text/css href=http://w[详细]
-
css 11种方法实现一个tips带有描边的小箭头
所属栏目：[系统] 日期：2020-03-29 热度：158
副标题#e# 我们在网页开发中实现一个tips时会有一个小箭头，实现这种方法的文章网上已经泛滥了，但有时实现这个小箭头不止只有单纯的三角它还有描边，今天我们就借那些现有的文章在深入一点来说说如何给tips小箭头描边，本章不涉及svg/canvas，没必要因为我[详细]
-
使用CSS的border属性绘制各种几何形状的方法
所属栏目：[系统] 日期：2020-03-29 热度：144
副标题#e# border 边框属性可以说是我们在网页布局中最常用不过的一个属性之一。 border 它不只是边框，它还有很多非常有用的黑魔法哈，让我们一起来学习一下。 border绘制几何形状的原理 我们先来看一个简单的小例子： 在页面上写一个 div div class=borde[详细]
-
css3 flex实现div内容水平垂直居中的几种方法
所属栏目：[系统] 日期：2020-03-29 热度：80
副标题#e# 一、flex-direction: （元素排列方向） ※ flex-direction:row （横向从左到右排列==左对齐） ※ flex-direction:row-reverse （与row 相反） ※ flex-direction:column （从上往下排列==顶对齐） ※ flex-direction:column-reverse （与column[详细]
-
css3媒体查询中device-width和width的区别详解
所属栏目：[系统] 日期：2020-03-29 热度：174
定义：定义输出设备的屏幕可见宽度。 不管你的网页是在safari打开还是嵌在某个webview中，device-width都只跟你的设备有关，如果是同一个设备，那么他的值就不会变。 比如iphone6的device-width*device-height为375*667,而跟他的dpr等无关。 2.width 定义[详细]
-
CSS 漂亮搜索框美化代码
所属栏目：[系统] 日期：2020-03-29 热度：199
效果图： 实现这种效果有两种方法：一是整体处理一个背景，以透明gif图的方式定位到搜索框，或者切分开，这种方法加载快，而且灵活性更高。 文中用到的图片 提示：您可以先修改部分代码再运行[详细]
-
css3 中translate和transition的使用方法
所属栏目：[系统] 日期：2020-03-29 热度：52
translate和transition一直让我觉得，很牛皮很强大，怎么也学不会，其实是自己比较抗拒去了解她，接口看了不到半个小时的文档，大概了解了下，下面是示例，可以下载下来自己运行下试试 !DOCTYPE htmlhtmlhead titletranslate和transition/title/headbodyst[详细]
-
浅析CSS3 中的 transition，transform，translate之间区别和作用
所属栏目：[系统] 日期：2020-03-29 热度：88
transform 和 translate transform指变换、变形，是css3的一个属性，和其他width，height属性一样 translate 是transform的属性值，是指元素进行2D变换，2D变换就是指，元素以当前位置（0,0）按照x轴的方向移动多少，按照y轴的方向移动多少 例如： transfo[详细]
-
手机定位的基本原理
所属栏目：[系统] 日期：2020-03-26 热度：91
目前智能手机的使用已经越来越普遍，手机定位也是手机上的一个核心基础功能。举一个常见的应用如叫车，司机需要知道你在哪里，同时打车软件也需要基于司机和乘客的位置规划一条路线，让司机更高效的行驶到用户这里。这就是典型的定位服务的应用。当然，除[详细]
-
微信最新功能体验一览！除了深色模式，语音转文字也更方便了
所属栏目：[系统] 日期：2020-03-26 热度：118
副标题#e# 这次微信更新的 iOS 新版本，亮点不只有「深色模式」。为了帮助大家更好地了解此次更新内容，我们将最新的微信 7.0.12 for iOS 与 7.0.11 版本进行了对比。 懒人目录 可跟随系统设置，切换为深色模式 微信群新增「群工具」 发送语音时上滑转文字[详细]
-
终于带了点干货！Android、iOS 又更新：这些功能都来了
所属栏目：[系统] 日期：2020-03-26 热度：59
今天，Android 和 iOS 迎来了较大的版本更新。 前者发布了 Android 11 开发者预览版的第二个版本(DP2); 后者推送了 iOS 13.4 最终测试版(GM)。 对于普通用户而言，两个新版本都不推荐使用，毕竟是测试版。 但正式版迟早都会到来，提前了解更新内容准是没有[详细]
-
探讨 | 无服务器架构的下一步是什么?
所属栏目：[系统] 日期：2020-03-20 热度：65
副标题#e# 将逻辑和数据自动分发到边缘将为用户带来更小的网络延迟，而无需开发人员进行配置和扩展。 无服务器服务无处不在。无服务器产品向新的编程方式发展的驱动力来自各种形式的产品，其中包括应用程序托管平台、无服务器数据库、内容分发网络(CDN)、安[详细]
-
看完这篇Nginx介绍，你也可以配置属于自己的网站
所属栏目：[系统] 日期：2020-03-20 热度：113
副标题#e# 最近在部署自己的网站(racsky.com)时，使用了Nginx的服务反向代理，并且记录了过程与大家分享，相信这篇文章能够帮助到你。 Nginx介绍 Nginx是一款轻量级、高性能的反向代理Web服务器，有着占有内存[详细]
-
iOS13.4beta5体验分享，7P流畅性有所提升
所属栏目：[系统] 日期：2020-03-19 热度：146
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR iOS13.4beta5体验分享 今天凌晨苹果发布了iOS13.4第五个测试版，但是依旧没有更新太多的东西。版本号：13.4(17E5255a)。 本次体验设备为：iPhone11Pro Max、iPhoneX、iPhone7Plus 本次体验分享由于我的[详细]
-
如何清洁你的 iPhone 和 AirPods ？苹果的官方教程来了
所属栏目：[系统] 日期：2020-03-19 热度：175
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 数码产品的清洁一直是个很大的难题。很多设备都有金属部分，需要连接电源，一些清洁剂可能不适合使用。同时数码设备又是和人们「亲密接触」最多的产品之一，不管是为了卫生还是美观，定期清洁数码设备[详细]
-
企业微信的掣肘与野望
所属栏目：[系统] 日期：2020-03-19 热度：183
【金融特辑】光大****科技部DBA女神带你从0到1揭秘MGR 企业微信的名头足够响亮，能为市场部一年能省下几千万的推广费用，可使用过且能够用的好的企业却凤毛麟角!对于企业微信，除了产品本身的交互逻辑不够清晰、应用学习成本高、生态匮乏之外，还有更大的问[详细]
