-
CSS制作梦幻彩虹效果
所属栏目：[站长百科] 日期：2020-03-16 热度：62
副标题#e# 今天看到一篇文章，说到margin的塌陷的问题，并提供了好几个例子。 自己之前还没怎么遇到过这个问题，正好来研究一下。 XML/HTML Code复制内容到剪贴板 divclass=box1/div divclass=box2/div divclass=box3/div divclass=box4/div css样式一，使[详细]
-
CSS3弹性伸缩布局之box布局
所属栏目：[站长百科] 日期：2020-03-16 热度：174
副标题#e# CSS3弹性伸缩布局简介 2009年，W3C提出了一种崭新的方案----Flex布局（即弹性伸缩布局），它可以简便、完整、响应式地实现各种页面布局，包括一直让人很头疼的垂直水平居中也变得很简单地就迎刃而解了。但是这个布局方式还处于W3C的草案阶段，并[详细]
-
单元格内文本显示超过单元格宽度的快速解决办法
所属栏目：[站长百科] 日期：2020-03-16 热度：78
开发过程中，表格单元格里的显示数据经常超出单元格的宽度。遇到这种情况一般会这样处理。 1、超出部分显示省略号(...) 解决办法：在css中设置 text-overflow:ellipsis; text-overflow： 2、换行显示 解决办法： 在css中设置 white-space:normal; white-sp[详细]
-
CSS布局基础BFC
所属栏目：[站长百科] 日期：2020-03-16 热度：110
副标题#e# 第一次看到这个名词，我是拒绝的，css什么时候还有这个东西？于是迫不及待的google了一下，才发现原来它无时无刻不在我们的css当中，只不过它并不是一个属性，不需要我们平常使用手写罢了。但是它的重要性确是杠杠的，可以这么说，没有它就就没有[详细]
-
CSS特殊性、继承与层叠
所属栏目：[站长百科] 日期：2020-03-16 热度：128
选择器的特殊性由选择器本身的组件确定；特殊性由四个部分组成，其初始值为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 热度：151
最近做了一个针对微信移动端的项目，在开发中遇到了不少的坑，学到了也不少，发现有许多地方值得写一下，以供做web移动端同学参考参考。 一、单位 说到移动端，不得不提适配问题，大大小小的移动设备不但让做android和ios的难过，因为设备大小和浏览器的差[详细]
-
CSS margin全面了解
所属栏目：[站长百科] 日期：2020-03-16 热度：138
副标题#e# 一、margin可以为负值 在盒模型中，内容区的width/height、padding、border都不能为负值，但是margin例外，它可以为负值。 关于margin负值的使用技巧，了解不多，日后有机会再补充，此处先贴一个经典应用，margin-left负值结合浮动实现不改变DOM[详细]
-
使用CSS3代码绘制可爱的Hello Kitty猫
所属栏目：[站长百科] 日期：2020-03-16 热度：187
副标题#e# 感觉这个 Hello Kitty 画的还不错，心血来潮也用 CSS3 画了个 Hello Kitty，现在在这里记录一下详细的绘制过程。想要源码、素材、在线演示的同学可以直接拉到最下面。我们先看下原图： 结构分解 从上图可以看出，Hello Kitty 由脸蛋、耳朵、红色[详细]
-
关于排版中经常见的问题及解决方法(分享)
所属栏目：[站长百科] 日期：2020-03-16 热度：174
关于排版中经常见的问题及解决方法(分享) CSS Code复制内容到剪贴板 /*去除默认样式*/ -webkit-appearance:none; /*去掉手机上a、input和button点击时的蓝色外边框和灰色半透明背景 解决方案1:*/ a,button,input,optgroup,select,textarea,div{ -webkit-ta[详细]
-
vs快捷键 用好Ctrl+Enter与Ctrl+Shift+Enter组合键让你的编辑代码速度快了很多
所属栏目：[站长百科] 日期：2020-03-15 热度：153
来看一个简单的例子吧 复制代码 代码如下: function Button1_onclick() { 您的光标在alert("Hello");这一行，按下Ctrl+Enter组合键在上方插入一行 alert("Hello"); 您的光标在alert("Hello")这一行，按下Ctrl+Shift+Enter组合键在下方插入一行 alert("Jacob[详细]
-
12种实现301网页重定向方法的代码实例（含Web编程语言和Web服务器）
所属栏目：[站长百科] 日期：2020-03-15 热度：117
为什么需要使用301重定向: 1. 保留搜索引擎的排名: 301 重定向是最有效的方法，不会影响到搜索引擎对页面的排名。 2. 保留访客和流量: 如果你将页面链接到大量方法可以访问过的地址，如果不是用重定向的话你就会失去这些用户（不解）原文：If you move you[详细]
-
浅谈CSS 权值 层叠 重要性(!important)
所属栏目：[站长百科] 日期：2020-03-15 热度：89
有的时候我们为同一个元素设置了不同的CSS样式代码，那么元素会启用哪一个CSS样式呢?我们来看一下面的代码： XML/HTML Code复制内容到剪贴板 p{color:red;} .first{color:green;} pclass=first三年级时，我还是一个span胆小如鼠/span的小女孩。/p p和.firs[详细]
-
CSS兼容问题之HACK技术
所属栏目：[站长百科] 日期：2020-03-15 热度：76
CSS Hack原理是通过不同浏览器自身所带有的特别标识符以及CSS中优先级的机制来实现不同浏览器里CSS样式兼容性的问题。 针对不同的浏览器写不同的CSS的过程，这就叫CSS hack，也叫写CSS hack，相信您会对一些比较不易解决的兼容问题有一定的兴趣。 注意点：[详细]
-
浅谈css之属性及剩余的选择符
所属栏目：[站长百科] 日期：2020-03-15 热度：127
副标题#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 热度：191
在这里，巧妙的运用CSS的技巧，可以让你不用修改HTML就能得到很好的博客或者模板外观。我收集了一些非常有用的CSS技巧让我们设计博客时更炫更酷。 设计模版和博客主题时，我经常不断推敲和尝试CSS（Hit and Trial CSS ），我只看哪种配色方案和哪种CSS属性[详细]
-
10个非常实用的CSS hack技术
所属栏目：[站长百科] 日期：2020-03-15 热度：200
副标题#e# 好吧，既然你看了这篇文章，那么我猜你了解CSS并且知道它能为你做什么。但是一些很有用的技术对很多开发人员来说仍然比较隐秘，所以本文中，让我们看看10个肯定能提高你设计的CSS技术吧 1 跨浏览器的inline-block CSS Code复制内容到剪贴板 style[详细]
-
20个非常实用的CSS技巧
所属栏目：[站长百科] 日期：2020-03-15 热度：190
副标题#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 热度：58
副标题#e# 前段时间做微信页面的时候，一行内容做了2个链接，点击一个标签的时候，整个颜色块会闪一下，影响美观。需求针对这种情况来问我，能否把这个一闪的颜色去掉。我当时就想，这个怎么去？那我也不好直接回绝她，好吧，我试试吧！经过研究，百度的很[详细]
-
深入解读CSS3中transform变换模型的渲染
所属栏目：[站长百科] 日期：2020-03-15 热度：162
副标题#e# transform是通过一系列矩阵变换完成的，scale等transform-function都是对matrix的封装。 w3里的解释是，transform基于可视化格式模型（visual formatting model，这样翻译对不对啊）并为其绘制出一个坐标系，而且所有在这个坐标系内进行的操作，[详细]
-
CSS中的line-height行高属性学习教程
所属栏目：[站长百科] 日期：2020-03-15 热度：55
副标题#e# 基本概念 1.行高、行距 行高是指文本行基线间的垂直距离。那什么是基线呢？记不记得vertical-align属性有个baseline值，这个baseline就是基线。看张盗图（选自下面的参考文章），其实我也修改了一下啦~ 注意：倒数第二根是基线哦，最下面那根是底[详细]
-
CSS3轻松实现清新 Loading 效果的简单实例
所属栏目：[站长百科] 日期：2020-03-15 热度：109
至今HTML5中国已经为大家分享过几百种基于CSS3的Loading加载动画，效果酷炫代码简洁，非常值得学习借鉴;今天就先给大家分享两个常用的CSS3的Loading的案例。 第一种效果： HTML部分 XML/HTML Code复制内容到剪贴板 divclass=loading span/span span/span s[详细]
-
华为P40，P40 Pro和P40 Pro PE在欧洲的定价泄露
所属栏目：[站长百科] 日期：2020-03-15 热度：73
在华为P40系列计划获得3月26日该公司已经推出了宣布华为P40精简版和华为P40精简版智能手机。3月26日，它将发布功能更强大，麒麟990 5G驱动的华为P40，华为P40 Pro和华为P40 Pro PE旗舰手机。P40系列定价的多个报告现在都在社交平台上进行。 根据可靠的推手[详细]
-
用于唤醒小型无线设备的新芯片可以延长电池寿命
所属栏目：[站长百科] 日期：2020-03-15 热度：103
加州大学圣地亚哥分校的工程师们开发了一种新型节电芯片，这种芯片可以大大减少或消除物联网设备和可穿戴设备中更换电池的需求。所谓的唤醒接收器只在需要通信和执行其功能时唤醒设备。它允许设备在剩余时间保持休眠状态，并减少电力消耗。 这项技术对于那[详细]
-
这是微软首席执行官萨蒂亚·纳德拉收到的最糟糕的建议
所属栏目：[站长百科] 日期：2020-03-15 热度：158
他们被任命为首席执行官已经快六年了。这些年来，纳德拉和微软的实力不断增强。微软是目前市值达到1万亿美元的四家美国公司之一。 纳德拉因其领导能力而受到赞扬，他是世界科技界最知名的人物之一。在最近接受《财富》(Fortune)杂志采访时，纳德拉谈到了他[详细]
-
微软的单一办公应用现在对所有人开放
所属栏目：[站长百科] 日期：2020-03-15 热度：104
微软开发一款集多种功能于一身的办公软件已经有一段时间了。早在2019年底，我们就报道过该公司打算如何将word、Excel和PowerPoint整合成一个便捷的应用程序。 当时，微软的Office应用程序处于公开预览阶段，这意味着你必须注册才能使用测试版。现在看来，[详细]
