-
CSS教程:用dl dt dd来制作列表
所属栏目:[系统] 日期:2021-01-02 热度:112
今天有人发邮件问的一个问题,最开始的想法是用ul列表来实现;但是这样用出现两个比较麻烦的地方: 1、如果用UL还布局,右边一栏比较麻烦; 2、文字外边的边框自适应比较麻烦; 3、很可能要定死高度; 所以,细细地看一看这个布局,想一想还是用DL.DT.DD作是[详细]
-
区分IE6,IE7和firefox的CSS hack
所属栏目:[系统] 日期:2021-01-02 热度:139
区别IE6与FF: background:orange;*background:blue; 区别IE6与IE7: background:green !important;background:blue; 区别IE7与FF: background:orange; *background:green; 区别FF,IE7,IE6: background:orange;*background:green !important;*backgroun[详细]
-
CSS制作符合网站标准的细线表格
所属栏目:[系统] 日期:2021-01-02 热度:170
css教程:实现符合Web标准的细线表格 随着应用CSS网页布局构建网页, 以及web标准的广泛普及与发展, 表格渐渐被人们遗忘, 但是表格还是有它优秀的一面, 数据处理用表格的确省了不少麻烦! 这个是细表格的代码,并且通过了标准验证! table{ border:1px[详细]
-
学习WEB标准必备的四项技能
所属栏目:[系统] 日期:2021-01-02 热度:194
今天在群里,熊猫君提议整理一个帖子,一方面为初学者提供一个入门指南,另一方面也象借此和已经在从事这个行业进行一点交流。下面是我从事这个行当多年的一些经验总结,希望抛砖引玉,大家不吝赐教。 1、必备工具 其实web标准并不是很复杂的技术,实现we[详细]
-
看懂《CSS hack浏览器兼容一览表》
所属栏目:[系统] 日期:2021-01-02 热度:184
CSS hack浏览器兼容一览表 《CSS hack浏览器兼容一览表》在很多的网站都是以一个图片的形式出现,所以许多读者不能理解它的实现的用法,例如:property:value; ,这句到底是什么意思,其实只要你去了原文地址看它的代码例子就一目了然了,下面举了几个实[详细]
-
根据时段自动切换网站的CSS风格
所属栏目:[系统] 日期:2021-01-02 热度:157
网站能切换几套CSS风格早已不是什么新鲜事了。大家也都知道怎么去弄。早上发现一个有意思得站点 同样是切换风格。不过他做了点小小的调整。站点会根据当时的时间自动调整站点风格。作者为站点制作了早上、下午、夜晚三套皮肤,主要是分别制作了背景。12点[详细]
-
css样式常见图形效果展示的实例代码
所属栏目:[系统] 日期:2021-01-02 热度:157
副标题#e# 简单写一下常见的基础图形,以及一些遇到的样式小图标 下图是css效果: 各个图形的代码如下: Square(正方形) /*正方形*/.square {width: 60px;height: 60px;background: red;} Circle(圆形) /*圆形*/ /* 可以使用百分比值(大于30%),但是低版本[详细]
-
css实现0.5px线条解决移动端兼容问题(推荐)
所属栏目:[系统] 日期:2021-01-02 热度:55
1.利用background-image 渐变样式 2.可以利用scale缩放 3.给伪元素设置边框 在这里插入代码片!DOCTYPE htmlhtmlhead meta charset=utf-8 title0.5px线实现方法/title style type=text/css /*标准1px边框*/ .b1{ height: 40px; border: 1px solid #ff0000;[详细]
-
CSS实现一个自适应的正方形的方法示例
所属栏目:[系统] 日期:2021-01-02 热度:59
传统方法正方形用固定的形式写 直接长=宽写固定的值如下 .box{width: 200px;height: 200px;background: pink;color: #666;} 但是很多情况下,在移动端的设计里,图片的宽度随着不同的移动设备进行改变的,这个时候就需要用到自适应的正方形的实现。 下面[详细]
-
CSS 实现高度自适应铺满整屏的实现
所属栏目:[系统] 日期:2021-01-02 热度:120
在自己写demo的过程中,想使用display:flex实现垂直居中,代码如下: style#login{width:100%;height: 100%;display: flex;justify-content: center;align-items: center;}.login-body{width: 600px;height: 260px;border: 1px solid #000;}/style 并不能[详细]
-
深入分析网页CSS隐藏文字和以图换字技术
所属栏目:[系统] 日期:2021-01-02 热度:181
打开电脑,感觉没有什么事可做,就随便拿起《css mastery》翻了下,刚好看倒图像替换这块,突然想起前些天曾有一网友问过该问题,就想总结出来,以便自己和网友今后参考。 正式进入使用方法总结之前,我们需要先理清几个概念,1.二者的区别:隐藏文字是要[详细]
-
闭合浮动元素让CSS代码更规范
所属栏目:[系统] 日期:2021-01-02 热度:125
按照CSS规范,浮动元素(floats)会被移出文档流,不会影响到块状盒子的布局而只会影响内联盒子(通常是文本)的排列。因此当其高度超出包含容器时,一般父容器不会自动伸长以闭合浮动元素。但是有时我们却需要这种自动闭合行为,具体如何处理呢? 有一种[详细]
-
实用的CSS常见的问题和技巧总结
所属栏目:[系统] 日期:2021-01-02 热度:118
1、善用css缩写可以减少页面文件大小,提高下载速度,同时使代码简洁可读。 如: div{ border-top:1px solid #cccccc; border-left:1px solid #cccccc; border-right:1px soli #cccccc; border-bottom:1px solid #cccccc; } 可以写为 p{border:1px solid #c[详细]
-
CSS教程:网页文本渐变
所属栏目:[系统] 日期:2021-01-02 热度:138
注:本文由 Robin 翻译自 webdesignerwall(这个标题不知道该怎么翻译好, 希望大家能提提意见.) 你是否想不用photoshop来创建一个带渐变的标题文字吗? 这里用一个简单的css技巧来向你展示如何仅仅使用css和png图片来制造这种效果. 经测试这种方法适合大多数[详细]
-
页面中有间隔的方格布局如何完美实现方法
所属栏目:[系统] 日期:2021-01-02 热度:152
如上图所示的布局,方格中间有一定的间隙,间隙是固定的。应该如何布局会更加完美呢,比如要保证在布局完成的情况下,可以快速的添加一个元素依然保持这样的布局。以及当出现第二行的时候,这样的布局依然能够不受影响。又不用修改太多的内容。 设置宽为10[详细]
-
CSS实现宽度自适应宽高16:9的矩形的示例
所属栏目:[系统] 日期:2021-01-02 热度:179
前面我们讲了怎么做一个自适应宽高1:1的正方形 https://www.jb51.net/css/753385.html 现在我们来讲讲做自适应16:9的矩形要怎么做 第一步先计算高度,假设宽100%,那么高为h=9/16=56.25% 第二步利用之前所说设置padding-bottom方法实现矩形 style*{margin:[详细]
-
微信最新功能体验一览!除了深色模式,语音转文字也更方便了
所属栏目:[系统] 日期:2020-03-25 热度:78
这次微信更新的 iOS 新版本,亮点不只有「深色模式」。为了帮助大家更好地了解此次更新内容,我们将最新的微信 7.0.12 for iOS 与 7.0.11 版本进行了对比。 懒人目录 可跟随系统设置,切换为深色模式 微信群新增「群工具」 发送语音时上滑转文字更方便 小[详细]
-
手机定位的基本原理
所属栏目:[系统] 日期:2020-03-25 热度:135
目前智能手机的使用已经越来越普遍,手机定位也是手机上的一个核心基础功能。举一个常见的应用如叫车,司机需要知道你在哪里,同时打车软件也需要基于司机和乘客的位置规划一条路线,让司机更高效的行驶到用户这里。这就是典型的定位服务的应用。当然,除[详细]
-
终于带了点干货!Android、iOS 又更新:这些功能都来了
所属栏目:[系统] 日期:2020-03-25 热度:160
今天,Android 和 iOS 迎来了较大的版本更新。 前者发布了 Android 11 开发者预览版的第二个版本(DP2); 后者推送了 iOS 13.4 最终测试版(GM)。 对于普通用户而言,两个新版本都不推荐使用,毕竟是测试版。 但正式版迟早都会到来,提前了解更新内容准是没有[详细]
-
探讨 | 无服务器架构的下一步是什么?
所属栏目:[系统] 日期:2020-03-20 热度:80
将逻辑和数据自动分发到边缘将为用户带来更小的网络延迟,而无需开发人员进行配置和扩展。 无服务器服务无处不在。无服务器产品向新的编程方式发展的驱动力来自各种形式的产品,其中包括应用程序托管平台、无服务器数据库、内容分发网络(CDN)、安全产品等。[详细]
-
看完这篇Nginx介绍,你也可以配置属于自己的网站
所属栏目:[系统] 日期:2020-03-20 热度:58
最近在部署自己的网站(racsky.com)时,使用了Nginx的服务反向代理,并且记录了过程与大家分享,相信这篇文章能够帮助到你。 Nginx介绍 Nginx是一款轻量级、高性能的反向代理Web服务器,有着占有内存[详细]
-
欧美移动支付APP崛起:当“另类支付”不再另类
所属栏目:[系统] 日期:2020-03-18 热度:154
【金融特辑】光大银行科技部DBA女神带你从0到1揭秘MGR 说起另类支付(alternative payments)/替代支付,在2019年之前,PayPal可能是第一个真正的另类支付选择。 这里的另类 是指,除了主要的支付方案(如Visa和MasterCard)或占主导地位的国内信用卡选项外,你[详细]
-
企业微信的掣肘与野望
所属栏目:[系统] 日期:2020-03-18 热度:157
【金融特辑】光大银行科技部DBA女神带你从0到1揭秘MGR 企业微信的名头足够响亮,能为市场部一年能省下几千万的推广费用,可使用过且能够用的好的企业却凤毛麟角!对于企业微信,除了产品本身的交互逻辑不够清晰、应用学习成本高、生态匮乏之外,还有更大的问[详细]
-
如何清洁你的 iPhone 和 AirPods ?苹果的官方教程来了
所属栏目:[系统] 日期:2020-03-18 热度:140
【金融特辑】光大银行科技部DBA女神带你从0到1揭秘MGR 数码产品的清洁一直是个很大的难题。很多设备都有金属部分,需要连接电源,一些清洁剂可能不适合使用。同时数码设备又是和人们「亲密接触」最多的产品之一,不管是为了卫生还是美观,定期清洁数码设备[详细]
-
iOS13.4beta5体验分享,7P流畅性有所提升
所属栏目:[系统] 日期:2020-03-18 热度:186
【金融特辑】光大银行科技部DBA女神带你从0到1揭秘MGR iOS13.4beta5体验分享 今天凌晨苹果发布了iOS13.4第五个测试版,但是依旧没有更新太多的东西。版本号:13.4(17E5255a)。 本次体验设备为:iPhone11Pro Max、iPhoneX、iPhone7Plus 本次体验分享由于我的[详细]