-
CSS特殊性、继承与层叠
所属栏目:[系统] 日期:2020-03-16 热度:115
选择器的特殊性由选择器本身的组件确定;特殊性由四个部分组成,其初始值为0,0,0,0。 1. 对于选择器中的每一个id,加0,1,0,0; 2. 对于选择器中的每一个类、伪类、属性选择,加0,0,1,0; 3. 对于选择器中的每一个元素、伪元素,加0,0,0,1; 4.[详细]
-
Web移动端布局那些事
所属栏目:[系统] 日期:2020-03-16 热度:93
最近做了一个针对微信移动端的项目,在开发中遇到了不少的坑,学到了也不少,发现有许多地方值得写一下,以供做web移动端同学参考参考。 一、单位 说到移动端,不得不提适配问题,大大小小的移动设备不但让做android和ios的难过,因为设备大小和浏览器的差[详细]
-
CSS margin全面了解
所属栏目:[系统] 日期:2020-03-16 热度:190
副标题#e# 一、margin可以为负值 在盒模型中,内容区的width/height、padding、border都不能为负值,但是margin例外,它可以为负值。 关于margin负值的使用技巧,了解不多,日后有机会再补充,此处先贴一个经典应用,margin-left负值结合浮动实现不改变DOM[详细]
-
使用CSS3代码绘制可爱的Hello Kitty猫
所属栏目:[系统] 日期:2020-03-16 热度:147
副标题#e# 感觉这个 Hello Kitty 画的还不错,心血来潮也用 CSS3 画了个 Hello Kitty,现在在这里记录一下详细的绘制过程。想要源码、素材、在线演示的同学可以直接拉到最下面。我们先看下原图: 结构分解 从上图可以看出,Hello Kitty 由脸蛋、耳朵、红色[详细]
-
关于排版中经常见的问题及解决方法(分享)
所属栏目:[系统] 日期:2020-03-16 热度:96
关于排版中经常见的问题及解决方法(分享) CSS Code复制内容到剪贴板 /*去除默认样式*/ -webkit-appearance:none; /*去掉手机上a、input和button点击时的蓝色外边框和灰色半透明背景 解决方案1:*/ a,button,input,optgroup,select,textarea,div{ -webkit-ta[详细]
-
浅谈CSS 权值 层叠 重要性(!important)
所属栏目:[系统] 日期:2020-03-15 热度:80
有的时候我们为同一个元素设置了不同的CSS样式代码,那么元素会启用哪一个CSS样式呢?我们来看一下面的代码: XML/HTML Code复制内容到剪贴板 p{color:red;} .first{color:green;} pclass=first三年级时,我还是一个span胆小如鼠/span的小女孩。/p p和.firs[详细]
-
CSS兼容问题之HACK技术
所属栏目:[系统] 日期:2020-03-15 热度:66
CSS Hack原理是通过不同浏览器自身所带有的特别标识符以及CSS中优先级的机制来实现不同浏览器里CSS样式兼容性的问题。 针对不同的浏览器写不同的CSS的过程,这就叫CSS hack,也叫写CSS hack,相信您会对一些比较不易解决的兼容问题有一定的兴趣。 注意点:[详细]
-
浅谈css之属性及剩余的选择符
所属栏目:[系统] 日期:2020-03-15 热度:190
副标题#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-15 热度:143
在这里,巧妙的运用CSS的技巧,可以让你不用修改HTML就能得到很好的博客或者模板外观。我收集了一些非常有用的CSS技巧让我们设计博客时更炫更酷。 设计模版和博客主题时,我经常不断推敲和尝试CSS(Hit and Trial CSS ),我只看哪种配色方案和哪种CSS属性[详细]
-
10个非常实用的CSS hack技术
所属栏目:[系统] 日期:2020-03-15 热度:125
副标题#e# 好吧,既然你看了这篇文章,那么我猜你了解CSS并且知道它能为你做什么。但是一些很有用的技术对很多开发人员来说仍然比较隐秘,所以本文中,让我们看看10个肯定能提高你设计的CSS技术吧 1 跨浏览器的inline-block CSS Code复制内容到剪贴板 style[详细]
-
20个非常实用的CSS技巧
所属栏目:[系统] 日期:2020-03-15 热度:191
副标题#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-15 热度:188
副标题#e# 前段时间做微信页面的时候,一行内容做了2个链接,点击一个标签的时候,整个颜色块会闪一下,影响美观。需求针对这种情况来问我,能否把这个一闪的颜色去掉。我当时就想,这个怎么去?那我也不好直接回绝她,好吧,我试试吧!经过研究,百度的很[详细]
-
深入解读CSS3中transform变换模型的渲染
所属栏目:[系统] 日期:2020-03-15 热度:140
副标题#e# transform是通过一系列矩阵变换完成的,scale等transform-function都是对matrix的封装。 w3里的解释是,transform基于可视化格式模型(visual formatting model,这样翻译对不对啊)并为其绘制出一个坐标系,而且所有在这个坐标系内进行的操作,[详细]
-
CSS中的line-height行高属性学习教程
所属栏目:[系统] 日期:2020-03-15 热度:184
副标题#e# 基本概念 1.行高、行距 行高是指文本行基线间的垂直距离。那什么是基线呢?记不记得vertical-align属性有个baseline值,这个baseline就是基线。看张盗图(选自下面的参考文章),其实我也修改了一下啦~ 注意:倒数第二根是基线哦,最下面那根是底[详细]
-
CSS3轻松实现清新 Loading 效果的简单实例
所属栏目:[系统] 日期:2020-03-15 热度:174
至今HTML5中国已经为大家分享过几百种基于CSS3的Loading加载动画,效果酷炫代码简洁,非常值得学习借鉴;今天就先给大家分享两个常用的CSS3的Loading的案例。 第一种效果: HTML部分 XML/HTML Code复制内容到剪贴板 divclass=loading span/span span/span s[详细]
-
演进:Tengine从Web代理服务器到分布式推送服务器
所属栏目:[系统] 日期:2020-03-14 热度:177
副标题#e# Tengine 作为代理服务器,在集团有着广泛的应用基础,从 部署在 应用单机上的 Tengine ,到作为集群式部署的统一接入 Aserver ,可以说集团几乎所有应用机器均运行着 Tengine 。当然, Tengine 的不同部署形态,其作用也不经相同,这都得益于Teng[详细]
-
收益 or 挑战?Serverless 究竟给前端带来了什么
所属栏目:[系统] 日期:2020-03-14 热度:143
副标题#e# Serverless 是一种 无服务器架构,让用户无需关心程序运行环境、资源及数量,只要将精力 Focus 到业务逻辑上的技术。 现在公司已经实现 DevOps 化,正在向 Serverless 迈进,而为什么前端要关注 Serverless? 对业务前端同学: 会改变前后端接口定[详细]
-
终于!iPhone能用安卓系统了
所属栏目:[系统] 日期:2020-03-11 热度:195
3月5日,有消息称,国外有网友经过研究,成功打破了iPhone与Android的界限,不可思议地在越狱后的iPhone上跑起了Android 10系统,这百年难得一见的操作也是让许多网友大吃一惊。 这支国外小组采用的是名为checkra1n的越狱解决方案,该越狱方案可以用安卓系[详细]
-
被吹得天花乱坠的无服务器架构,究竟是什么?
所属栏目:[系统] 日期:2020-03-07 热度:137
副标题#e# 无服务器计算(Severless computing,简称 Serverless)现在是软件架构圈中的热门话题,国外三大云计算供应商(Amazon、Google 和 Microsoft)都在大力投入这个领域,涌现了不计其数的相关书籍、开源框架、商业产品、技术大会。到底什么是 Serverless[详细]
-
如何设计大型游戏服务器架构?
所属栏目:[系统] 日期:2020-03-07 热度:92
副标题#e# 游戏服务器,是一个会长期运行程序,并且它还要服务于多个不定时,不定点的网络请求。所以这类服务的特点是要特别关注稳定性和性能。这类程序如果需要多个协作来提高承载能力,则还要关注部署和扩容的便利性;同时,还需要考虑如何实现某种程度容[详细]
-
Java搭建Web服务器之Socket编程,理解 Apache、Tomcat
所属栏目:[系统] 日期:2020-03-07 热度:127
副标题#e# 之前做web应用一直是在本地装个Apache、Tomcat之类的软件,然后把做好的网页文件放在他们的工作目录下(如Apache的htdocs),然后打开浏览器输入127.0.0.1或localhost就可以直接访问了,好神奇,可是为什么,怎么实现的呢,早就知道有Socket(套接字[详细]
-
手机线下店恢复营业两星期,关于销量他只说了这四个字
所属栏目:[系统] 日期:2020-03-05 热度:70
副标题#e# 四个字:惨不忍睹。 在和一位头部手机品牌的地区经理聊天时,当问到近期门店重新开业之后的经营状况,懂懂笔记得到了这样的回复。 这种情况或许不仅是在东北,很可能华北、华东以及华南众多城市的线下手机门店,也都处在类似的境地中。 进入2月下[详细]
-
苹果建议不要滑动关闭后台程序:否则会影响电池寿命
所属栏目:[系统] 日期:2020-03-05 热度:166
据外媒报道,苹果公司表示,在iPhone上滑动关闭应用程序可能会缩短iPhone电池寿命,并使设备变慢。 有的用户认为,在后台的应用程序也占用CPU且费电,使用更少的应用程序意味着更长的电池寿命。所以用户会经常滑动关闭暂不使用的应用程序来省电,但被证实[详细]
-
QQ重大更新:腾讯求小学生五星一次付清
所属栏目:[系统] 日期:2020-02-27 热度:110
疫情期间,停课不能停学,各种远程教育学习平台都活跃起来,但也成为学生们的眼中钉,比如阿里钉钉就被一星评价全面包围。 最近,腾讯QQ全面更新,特别针对远程教育加入了大量新功能,在原来的QQ班级群就可以完成所有教学相关,而有了前车之鉴,腾讯官方也[详细]
-
2020版iPhone:有关iPhone 12系列的七大传闻
所属栏目:[系统] 日期:2020-02-27 热度:116
尽管苹果在仅仅五个月前的2019年9月推出了iPhone 11三款机型,现在的传闻又称iPhone 12即将面世。不过,苹果即将到来的新iPhone的取名尚未得到苹果官方证实,这里尚且以iPhone 12命名之。此外,对iPhone的好奇心是如此之高,以致有关2021年版iPhone的传闻[详细]