-
CSS中的line-height行高属性学习教程
所属栏目：[系统] 日期：2020-03-16 热度：156
副标题#e# 基本概念 1.行高、行距 行高是指文本行基线间的垂直距离。那什么是基线呢？记不记得vertical-align属性有个baseline值，这个baseline就是基线。看张盗图（选自下面的参考文章），其实我也修改了一下啦~ 注意：倒数第二根是基线哦，最下面那根是底[详细]
-
CSS3轻松实现清新 Loading 效果的简单实例
所属栏目：[系统] 日期：2020-03-16 热度：131
至今HTML5中国已经为大家分享过几百种基于CSS3的Loading加载动画，效果酷炫代码简洁，非常值得学习借鉴;今天就先给大家分享两个常用的CSS3的Loading的案例。 第一种效果： HTML部分 XML/HTML Code复制内容到剪贴板 divclass=loading span/span span/span s[详细]
-
浅谈CSS 权值 层叠 重要性(!important)
所属栏目：[系统] 日期：2020-03-16 热度：130
有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?我们来看一下面的代码： XML/HTML Code复制内容到剪贴板 p{color:red;} .first{color:green;} pclass=first三年级时，我还是一个span胆小如鼠/span的小女孩。/p p和.firs[详细]
-
CSS兼容问题之HACK技术
所属栏目：[系统] 日期：2020-03-16 热度：89
CSS Hack原理是通过不同浏览器自身所带有的特别标识符以及CSS中优先级的机制来实现不同浏览器里CSS样式兼容性的问题。 针对不同的浏览器写不同的CSS的过程，这就叫CSS hack，也叫写CSS hack，相信您会对一些比较不易解决的兼容问题有一定的兴趣。 注意点：[详细]
-
浅谈css之属性及剩余的选择符
所属栏目：[系统] 日期：2020-03-16 热度：195
副标题#e# 今天的课程加速了，比平时快了些，但觉得很不错。nice~ 属性选择符 E[att] 选择具有att属性的E元素。 XML/HTML Code复制内容到剪贴板 input[type]{color:#red;}inputtype=radio E[att=val] 选择具有att属性且属性值等于val的E元素。 XML/HTML Cod[详细]
-
必须掌握10个非常不错的CSS技巧
所属栏目：[系统] 日期：2020-03-16 热度：158
在这里，巧妙的运用CSS的技巧，可以让你不用修改HTML就能得到很好的博客或者模板外观。我收集了一些非常有用的CSS技巧让我们设计博客时更炫更酷。 设计模版和博客主题时，我经常不断推敲和尝试CSS（Hit and Trial CSS ），我只看哪种配色方案和哪种CSS属性[详细]
-
10个非常实用的CSS hack技术
所属栏目：[系统] 日期：2020-03-16 热度：120
副标题#e# 好吧，既然你看了这篇文章，那么我猜你了解CSS并且知道它能为你做什么。但是一些很有用的技术对很多开发人员来说仍然比较隐秘，所以本文中，让我们看看10个肯定能提高你设计的CSS技术吧 1 跨浏览器的inline-block CSS Code复制内容到剪贴板 style[详细]
-
20个非常实用的CSS技巧
所属栏目：[系统] 日期：2020-03-16 热度：85
副标题#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-16 热度：85
副标题#e# 前段时间做微信页面的时候，一行内容做了2个链接，点击一个标签的时候，整个颜色块会闪一下，影响美观。需求针对这种情况来问我，能否把这个一闪的颜色去掉。我当时就想，这个怎么去？那我也不好直接回绝她，好吧，我试试吧！经过研究，百度的很[详细]
-
CSS3中动画属性transform、transition和animation属性的区别
所属栏目：[系统] 日期：2020-03-15 热度：154
Transform 在部分的test case当中，每每演示transform属性的，看起来好像都是带动画。这使得小部分直觉化思维的人（包括我）认为transform属性是动画属性。而恰恰相反，transform属性是静态属性，一旦写到style里面，将会直接显示作用，无任何变化过程。tr[详细]
-
CSS3 3D制作实战案例分析
所属栏目：[系统] 日期：2020-03-15 热度：79
副标题#e# 一、前言 上一节，介绍了基础的CSS3 3D动画原理实现，也举了一个小小的例子来演示，但是有朋友跟我私信说想看看一些关于CSS3 3D的实例，所以在这里为了满足一下大家的需求，同时也为了以后能够更好的巩固CSS3 3D的知识，所以在这里写下这篇博文，[详细]
-
纯DOM+CSS3实现简单的小风车动画
所属栏目：[系统] 日期：2020-03-15 热度：157
副标题#e# 用CSS3实现了一个小风车的效果，转转转，挺简单。 效果 代码 XML/HTML Code复制内容到剪贴板 !DOCTYPEhtml htmllang=en head metacharset=UTF-8 title小风车-转啊转/title styletype=text/css html{ font-size:10px; } html*{ -webkit-box-sizing[详细]
-
灵活运用CSS3特性绘制简易版围棋效果
所属栏目：[系统] 日期：2020-03-15 热度：145
副标题#e# 渐变的灵活运结合其他一些CSS3的特性的运用画出的简易版围棋 效果图 实现代码 XML/HTML Code复制内容到剪贴板 !DOCTYPEhtml htmllang=en head metacharset=UTF-8 metaname=viewportcontent=width=device-width,initial-scale=1.0 metahttp-equiv=[详细]
-
CSS控制DIV层显示和隐藏的实现方法
所属栏目：[系统] 日期：2020-03-15 热度：69
副标题#e# CSS中的display和visibility属性 css中display和visibility可以隐藏和显示html元素包括DIV层。看起来两者非常类似，很多人会搞混。下面分别介绍两者的属性： display:none|block; display:none; 隐藏该html元素，确切的说，是在浏览器中消除该元[详细]
-
利用CSS3实现毛玻璃效果示例源码
所属栏目：[系统] 日期：2020-03-15 热度：133
复制代码 代码如下: body { min-height: 100vh; box-sizing: border-box; margin: 0; padding-top: calc(50vh - 6em); font: 150%/1.6 serif; background: url("iphone.jpg") fixed 0 center; background-size: cover; } main { margin: 0 auto; padding:[详细]
-
DIV+CSS实现带三角箭头的提示框
所属栏目：[系统] 日期：2020-03-15 热度：135
实现代码 CSS Code复制内容到剪贴板 !DOCTYPEhtml html head metacharset=UTF-8 linkrel=shortcuticonhref=resources/img/logo-color.pngtype=image/x-icon title测试/title style .out-div{ color:#FFFFFF; font-size:16px; line-height:40px; display:in[详细]
-
演进：Tengine从Web代理服务器到分布式推送服务器
所属栏目：[系统] 日期：2020-03-14 热度：82
副标题#e# Tengine 作为代理服务器，在集团有着广泛的应用基础，从 部署在 应用单机上的 Tengine ，到作为集群式部署的统一接入 Aserver ，可以说集团几乎所有应用机器均运行着 Tengine 。当然， Tengine 的不同部署形态，其作用也不经相同，这都得益于Teng[详细]
-
收益 or 挑战？Serverless 究竟给前端带来了什么
所属栏目：[系统] 日期：2020-03-14 热度：107
副标题#e# Serverless 是一种 无服务器架构，让用户无需关心程序运行环境、资源及数量，只要将精力 Focus 到业务逻辑上的技术。 现在公司已经实现 DevOps 化，正在向 Serverless 迈进，而为什么前端要关注 Serverless? 对业务前端同学： 会改变前后端接口定[详细]
-
终于！iPhone能用安卓系统了
所属栏目：[系统] 日期：2020-03-11 热度：126
3月5日，有消息称，国外有网友经过研究，成功打破了iPhone与Android的界限，不可思议地在越狱后的iPhone上跑起了Android 10系统，这百年难得一见的操作也是让许多网友大吃一惊。 这支国外小组采用的是名为checkra1n的越狱解决方案，该越狱方案可以用安卓系[详细]
-
被吹得天花乱坠的无服务器架构，究竟是什么？
所属栏目：[系统] 日期：2020-03-07 热度：176
副标题#e# 无服务器计算(Severless computing，简称 Serverless)现在是软件架构圈中的热门话题，国外三大云计算供应商(Amazon、Google 和 Microsoft)都在大力投入这个领域，涌现了不计其数的相关书籍、开源框架、商业产品、技术大会。到底什么是 Serverless[详细]
-
如何设计大型游戏服务器架构？
所属栏目：[系统] 日期：2020-03-07 热度：176
副标题#e# 游戏服务器，是一个会长期运行程序，并且它还要服务于多个不定时，不定点的网络请求。所以这类服务的特点是要特别关注稳定性和性能。这类程序如果需要多个协作来提高承载能力，则还要关注部署和扩容的便利性;同时，还需要考虑如何实现某种程度容[详细]
-
Java搭建Web服务器之Socket编程，理解 Apache、Tomcat
所属栏目：[系统] 日期：2020-03-07 热度：179
副标题#e# 之前做web应用一直是在本地装个Apache、Tomcat之类的软件，然后把做好的网页文件放在他们的工作目录下(如Apache的htdocs)，然后打开浏览器输入127.0.0.1或localhost就可以直接访问了，好神奇，可是为什么，怎么实现的呢，早就知道有Socket(套接字[详细]
-
手机线下店恢复营业两星期，关于销量他只说了这四个字
所属栏目：[系统] 日期：2020-03-04 热度：189
副标题#e# 四个字：惨不忍睹。 在和一位头部手机品牌的地区经理聊天时，当问到近期门店重新开业之后的经营状况，懂懂笔记得到了这样的回复。 这种情况或许不仅是在东北，很可能华北、华东以及华南众多城市的线下手机门店，也都处在类似的境地中。 进入2月下[详细]
-
苹果建议不要滑动关闭后台程序：否则会影响电池寿命
所属栏目：[系统] 日期：2020-03-04 热度：184
据外媒报道，苹果公司表示，在iPhone上滑动关闭应用程序可能会缩短iPhone电池寿命，并使设备变慢。 有的用户认为，在后台的应用程序也占用CPU且费电，使用更少的应用程序意味着更长的电池寿命。所以用户会经常滑动关闭暂不使用的应用程序来省电，但被证实[详细]
-
QQ重大更新：腾讯求小学生五星一次付清
所属栏目：[系统] 日期：2020-02-27 热度：144
疫情期间，停课不能停学，各种远程教育学习平台都活跃起来，但也成为学生们的眼中钉，比如阿里钉钉就被一星评价全面包围。 最近，腾讯QQ全面更新，特别针对远程教育加入了大量新功能，在原来的QQ班级群就可以完成所有教学相关，而有了前车之鉴，腾讯官方也[详细]
