-
CSS开关按钮样式详解
所属栏目：[站长百科] 日期：2020-05-12 热度：95
副标题#e# 我们将使用纯CSS打造一些切换开关并使其拥有类似于checkbox的用户体验。 很多时候我们都需要用户通过勾选/取消checkbox来表明他们对一些问题的答案。我们设置了一个标签，一个checkbox，并在提交表单后获取checkbox值，以查看用户是否已经选中或[详细]
-
css中子元素设置margin-top为什么影响了父元素
所属栏目：[站长百科] 日期：2020-05-12 热度：55
style type=text/css*{margin: 0px; padding: 0px;}.show{margin: 0px auto;width: 200px;height: 100px;background-color: #999999;}.show h2{margin-top: 50px;cursor: pointer;}/stylebodydiv class=showh2crystal/h2/div/body 两个div，子元素div设置[详细]
-
解决display:flex属性 justify-content: space-between换行后的排版问题
所属栏目：[站长百科] 日期：2020-05-12 热度：127
display:flex属性 justify-content: space-between换行后的排版问题 style.wrap {width: 400px;display:flex; /*弹性盒子*/justify-content: space-between; /*两端对齐，子元素之间有间隙*/flex-flow: row wrap;/*子元素溢出父容器时换行*/}span {width:[详细]
-
纯css实现动态边框的示例代码
所属栏目：[站长百科] 日期：2020-05-12 热度：91
副标题#e# 这几天工作中遇到一个交互需求，要求实现一个效果，当鼠标移入一个元素的时候，元素出现一个动态的边框，如图： 动态边框 思路 看到这个效果，我首先想到的是设置元素的border属性，可惜border不能设置长度，无法实现动效。另外一种实现思路是添[详细]
-
冠状病毒大流行可能重塑LCD制造业
所属栏目：[站长百科] 日期：2020-05-12 热度：60
由于COVID-19对欧洲和北美等主要市场的明显影响，韩国面板制造商在第二季度可能遭受更大的损失。那么，大流行病能否加速面板产业的重塑? 据媒体报道，三星电子近日公布了其2020年第一季度财务报告。其显示业务亏损了2.4亿美元。此外，三星显示器将裁员，并[详细]
-
三星Galaxy A20s收到一个UI 2.0 Android 10更新
所属栏目：[站长百科] 日期：2020-05-12 热度：183
继Galaxy A20和A20e之后，三星终于开始将Android 10更新发布到其余的Galaxy A20s设备。对于那些不知道的人，财阀以前曾将更新内容播种到A20，但仅在少数地区使用。这样做是为了查看第一阶段的部署是否可靠。由于第一阶段是无错误的，带有一个UI 2.0的Andro[详细]
-
任职19年的埃里克·施密特（Eric Schmidt）悄悄离开Google
所属栏目：[站长百科] 日期：2020-05-12 热度：144
埃里克施密特(Eric Schmidt)于2001年加入Google，成为其第二任首席执行官。他在公司成立之初就曾为公司提供成人监督服务，颇有名气。现在，这位在Google工作了将近20年的老手已经悄悄离开了公司。 根据CNET的报告，施密特于今年2月离开公司。他担任公司的[详细]
-
三星Galaxy A21s图片泄漏
所属栏目：[站长百科] 日期：2020-05-12 热度：200
三星Galaxy A21s再次成为新闻。在过去的几周中，报告详细介绍了有望进入三星Galaxy A21s智能手机的各种功能。现在，一份新报告使我们对公司即将推出的智能手机有了第一印象。 泄露的图像是由提示者Sudhanshu Ambore提供的，暗示着Galaxy A21s的外观将与上[详细]
-
小米将于5月19日在全球推出MIUI 12
所属栏目：[站长百科] 日期：2020-05-12 热度：159
中国智能手机制造商小米宣布将于5月19日在全球推出新产品，该产品将在中国推出下一个定制的Android皮肤MIUI 12。 该公司通过一个简单的数学难题揭示了MIUI 12的发布日期-答案恰好是19。 根据Android Central中的一份报告，由于小米针对MIUI的中文和全球版[详细]
-
小米Mi Box 4K今天在印度发售
所属栏目：[站长百科] 日期：2020-05-12 热度：90
小米本周早些时候在印度推出了Mi Box 4K。带有遥控器的流媒体设备今天将首次销售。 小米Mi Box的价格为3,499卢比，其销售计划通过mi.com在12:00 pm进行。它只有一种黑色。Mi Box流媒体设备还支持4K内容和HDR 10。它还支持Dolby Audio和DTS 2.0 + Digital O[详细]
-
WhatsApp将很快允许在多个设备上使用相同的帐户
所属栏目：[站长百科] 日期：2020-05-12 热度：170
据说WhatsApp正在开发一种新的多平台系统，允许用户在多个设备上访问一个帐户。使用多设备系统，用户可以在任何iOS和Android设备上使用相同的帐户，而无需从日常驱动程序中卸载它。值得注意的是，多平台系统将与目前受WhatsApp Web版本限制的多设备使用不[详细]
-
具有5G支持的Honor 10X即将推出
所属栏目：[站长百科] 日期：2020-05-12 热度：51
据说Honor正在开发具有5G连接能力的新型中端智能手机。据称，Honor 10X即将面世的5G手机的售价为254美元，约合19,200卢比。 根据Gizchina的报告，Honor 10X将配备全高清显示屏。像许多新手机一样，它将支持90Hz屏幕刷新率。为了实现性能和5G连接性，它将依[详细]
-
详解CSS Masking模块之Clipping
所属栏目：[站长百科] 日期：2020-05-12 热度：75
副标题#e# 最近业务中需要实现一些镂空的效果。看到这些效果我最初想到的是通过CSS的 mask 和 clip-path 来实现，甚至还想结合SVG相关的特性。为了验证自己的一些想法，开始着手撸码，但问题来了，在撸码的过程中，我发现自己对于 mask 的相关特性理解的还[详细]
-
移动端rem布局的两种实现方法
所属栏目：[站长百科] 日期：2020-05-12 热度：165
据了解，现在有两种rem布局的样式控制，其中一种是通过css的媒体查询，另外一种是通过引入js来控制，这两种方法各有各的优点，但是我还是喜欢用引入js的方法来实现rem布局，尽管现在市面上大多数都在使用css媒体查询的方式实现，在此我就将这两种方法做一[详细]
-
CSS 常用中文字体 Unicode 编码表
所属栏目：[站长百科] 日期：2020-05-12 热度：168
在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等）不匹配时会产生乱码的错误。 为此，在 CSS 直接使用 Unicode 编码来写字体名称可以避免这些错误。使用 Unicode 写中文字体名称，浏览器是可以正确的解析的。 例如： font-f[详细]
-
css3 响应式媒体查询的示例代码
所属栏目：[站长百科] 日期：2020-05-12 热度：186
/* 将body的背景颜色设置为tan */body { background-color: tan;}/* 在992px或更低的屏幕上，将背景颜色设置为蓝色 */@media screen and (max-width: 992px) { body {background-color: blue; }}/* 在600px或更低的屏幕上，将背景颜色设置为橄榄色 */@medi[详细]
-
CSS3动画之利用requestAnimationFrame触发重新播放功能
所属栏目：[站长百科] 日期：2020-05-12 热度：87
css3中引入了animation模块,自此css动画进入了我们的视野。css动画名符其实,会写css样式就可以创作动画，对一些不怎么会JS的设计师也是比较包容的。但也正因为如此，当你需要重新播放或者说手动触发动画时，css的局限性就突显出来了，毕竟它不是一门编程语[详细]
-
CSS背景图片实现自适应、全屏、填充与拉伸的方法
所属栏目：[站长百科] 日期：2020-05-12 热度：116
div id=formbackground style=position:absolute; width:100%; height:100%; z-index:-1 img src=http://www.jb51.net/css/pictures/background.jpg height=100% width=100%/ /div div id=formbackground style=position:absolute; z-index:-1;img src=htt[详细]
-
浅谈CSS 浏览器样式重置终结版
所属栏目：[站长百科] 日期：2020-05-12 热度：59
副标题#e# 浏览器的一些默认样式，有时候真的是特别丑； 虽然现在有现成的 UI 框架，但有时候写个小东西不想用那么庞大的 UI 框架,这篇文章介绍解决一些样式问题，最后将给出完整的重置样式表; 如果有遇到其它样式问题，评论区提建议，我将持续更新 样式问[详细]
-
CSS实现标签效果的示例代码
所属栏目：[站长百科] 日期：2020-05-12 热度：155
这里以制作图片右上角标签为例，用CSS以最简单、直接的方式实现效果。 实现效果 实现思路 准备两个div（一个父容器，一个标签div），分别设置宽高，并设置相对布局。 使标签div居于父容器右上角，设置内容居中显示，设置背景和字体颜色，旋转该div。 将父[详细]
-
CSS实现带箭头的提示框效果【示例代码】
所属栏目：[站长百科] 日期：2020-05-12 热度：149
我们在很多UI框架中看到带箭头的提示框，感觉挺漂亮，但是之前一直不知道其原理，今天网上找了些资料算是弄清楚原理了； 先上效果图： 原理分析： 上面的箭头有没有觉得很像一个三角形，是的，它就是三角形；只不过它这个尖角是通过两个三角形来实现的；[详细]
-
使用css创建一个优惠券的方法
所属栏目：[站长百科] 日期：2020-05-12 热度：178
添加优惠券类目,展示用户的优惠券 常见的设计样式如下图,核心为半圆 分步拆解 优惠券的特点是带有反向圆角,为了展示效果更好,适配多种场景,不推荐使用背景图片形式,建议使用 css . 网上有几种方案: 一种是 boder+clip 的形式,裁剪出4个小半圆角,拼凑在一起[详细]
-
CSS自定义select下拉选择框的样式(不用其他标签模拟)
所属栏目：[站长百科] 日期：2020-05-11 热度：196
今天群里有人问到怎么自定义select下拉选择框的样式，于是群里就展开了激烈的讨论，刚开始一直就是考虑怎样使用纯CSS实现，把浏览器默认的样式覆盖掉，但最后均因兼容问题处理不好而失败告终，最后的解决方案就是用其他的元素（如ul,li）模拟下拉菜单，或[详细]
-
css控制UL LI 的样式详解(推荐)
所属栏目：[站长百科] 日期：2020-05-11 热度：112
div ul lia href="#"首页/a/li li/li lia href="#"博客/a/li li/li lia href="#"设计/a/li li/li lia href="#"相册/a/li li/li lia href="#"论坛/a/li li/li lia href="#"关于/a/li /ul /div CSS: 复制代码 代码如下: #menu ul {list-style:none;margin:0p[详细]
-
从腾讯网站首页改版学到的几点体会心得
所属栏目：[站长百科] 日期：2020-05-11 热度：80
腾讯首页近日改版了，现在将自己从其中学到和感悟到的几点总结出来分享： 1、宽屏设计： 1）不管腾讯处于什么考虑，宽屏总是让人看的很舒服，而且页面整体缩短了近1半，这让浏览信息的用户会方便很多。 2）同时大家注意到了，腾讯的宽屏不是完全的宽屏，而[详细]
