-
详解CSS3实现响应式手风琴效果
所属栏目：[站长百科] 日期：2020-06-17 热度：146
最近看了国外大佬用CSS3实现手风琴效果的视频,所以自己学习后写了一下,以博客的形式记录下来,方便自己日后复习,代码结构如下(字体用的是Genericons ): 最终效果如下: 全屏时: 屏幕宽度小于960px时: 下面来看一下页面的基本结构(index.html): !DOCTYPE html[详细]
-
修复一个因为scrollbar占据空间导致的bug问题
所属栏目：[站长百科] 日期：2020-06-17 热度：91
这一个因为滚动条占据空间引起的bug, 查了一下资料， 最后也解决了，顺便研究一下这个属性， 做一下总结，分享给大家看看。 正文 昨天， 测试提了个问题， 现象是一个输入框的聚焦提示偏了， 让我修一下, 如下图： 起初认为是红框提示位置不对， 就去找代[详细]
-
CSS3中引入多种自定义字体font-face
所属栏目：[站长百科] 日期：2020-06-17 热度：62
今天在HTML中发现了一个问题，提供给我们默认的字体有很多，但是除了那些黑体、宋体、楷体等支持中文字体之外，其余的都不知道中文字体，如果我们需要用自己喜欢的字体怎么办呢？CSS3中是否可以引入自定义下载的字体呢？如果可以我们应该怎么引入？带着这[详细]
-
纯CSS实现左右拖拽改变布局大小
所属栏目：[站长百科] 日期：2020-06-17 热度：108
利用浏览器非overflow:auto元素设置resize可以拉伸的特性实现无JavaScript的分栏宽度控制。 webkit浏览器下滚动条可以自定义，其中resize区域大小就是scrollbar的大小，于是，我们可以将整个拉伸区域变成和容器一样高。 实现原理 CSS中有一个resize属性，[详细]
-
常见的10种图片格式（文件后缀）和使用场景(方便选择不同的后缀)
所属栏目：[站长百科] 日期：2020-06-17 热度：175
副标题#e# 使用哪种图片格式是个老生常谈的问题，本站也多次写过关于图片格式的文章。但之前我们都是在几种图片格式之间对比。 在这篇文章中，我们将列出10种最常见的图片文件格式，并介绍它的主要用途和优缺点。通过阅读这篇文章，你将能了解在特定情况下[详细]
-
CSS实现3D书本效果的示例代码
所属栏目：[站长百科] 日期：2020-06-17 热度：130
话不多说，先来看一下效果图 源代码如下 !DOCTYPE htmlhtml lang=enheadmeta charset=UTF-8meta name=viewport content=width=device-width, initial-scale=1.0titleDocument/title/headstyle*{margin: 0;padding: 0;}body{display: flex;align-items: cen[详细]
-
CSS样式表教程：浏览器默认样式
所属栏目：[站长百科] 日期：2020-06-17 热度：112
不同浏览器对于相同元素的默认样式并不一致，这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}； 不过现在说的可不只是这些。基本上，不同内核的两个浏览器在某些元素的表现都会存在差异，比如缩进的大[详细]
-
CSS网页布局：div垂直居中的各种方法
所属栏目：[站长百科] 日期：2020-06-17 热度：67
在前面的文章中我简单总结了一个CSS在页面布局中实现div水平居中的方法，其实水平居中实现还是比较简单的，反而垂直居中有点麻烦，因为我们设计页面的时候往往水平宽度都是固定的。因此我们有必要总结一下在页面布局过程中实现垂直居中的方法。 在说到这个[详细]
-
CSS Div网页布局中的结构与表现
所属栏目：[站长百科] 日期：2020-06-17 热度：146
在Web标准中一个很重要的概念就是强调页面的结构与表现分离。说的通俗一点就是XHTML中应该没有样式化的东西，而且Web在浏览器中除内容外都应该由CSS表现，这包括布局与其它样式。一旦一个标准的XHTML代码写完之后，那么CSS可以实现其实百变面孔。其实XHTML[详细]
-
CSS教程：简化CSS中属性的示例
所属栏目：[站长百科] 日期：2020-06-17 热度：83
在工作中编写CSS代码时，经常会出现冗余的代码，特别是用可见即可得工具来编写，为了提高代码的质量及文件压缩到最小，使代码具有可读性，我们不得不把CSS代码简化。 下面用一些比较常用的属性来做示例：margin margin-top:1px; margin-right:1px; margin-[详细]
-
CSS网页布局：div水平居中的各种方法
所属栏目：[站长百科] 日期：2020-06-17 热度：112
在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果，这是在页面布局中基本，也是最应该首先掌握的知识。不过，还是经常会有人问到这个问题，在这里我简单总结一下使用Div和CSS实现页面水平居中的方法：一、ma[详细]
-
网页设计中典型的header代码结构
所属栏目：[站长百科] 日期：2020-06-17 热度：63
页面中header部分一般位于最上端（有时根据需要也会位于某一侧，不管它在页面中的位置如何，在XHTML代码中它总是优于其它元素先加载），内容主要包括网站名称（Logo，次级标题可能是网站的一句口号等）和网站的导航部分。在推行Web标准的现代网络中，Web中[详细]
-
CSS初学者常犯错误汇总
所属栏目：[站长百科] 日期：2020-06-17 热度：69
前面文章介绍了给CSS初学者收集的技巧，这篇汇总下CSS初学者容易犯的错误。推荐阅读本站的XHTML教程专题内容。 在编写CSS样式时，常常会出现一些问题，有些问题可以很快得已解决，而有些问题可能会浪费我们很多的精力和时间。特别是新手朋友，对各方面的知[详细]
-
CSS设计网页边框的几个实例
所属栏目：[站长百科] 日期：2020-06-17 热度：160
掌握CSS网页布局技术，网页边框效果的定义是基础内容，其中也涉及到CSS盒模型知识以及CSS属性简写知识。 相关文章阅读：CSS设计网页时的一些常用规范 实例一： CSS： p {padding: 15px; border: 1px solid black; } h5{padding: 0px; border: 1px solid re[详细]
-
CSS教程：汇总CSS初学者的几个技巧
所属栏目：[站长百科] 日期：2020-06-17 热度：98
这几则CSS技巧都是从网络收集来的，作为老手就当作温故而知新，本文主要面对CSS新手朋友，有一些东西或许不是搞的很明白。而这十则CSS技巧能促进你的学习与编码技巧，更多的知识浏览CSS教程频道内容。希望大家能认真阅读。一、CSS字体属性简写规则 一般用C[详细]
-
“智创杯”科创赛初赛粤港澳赛区深圳站网络空间行业赛第三场成功举办
所属栏目：[站长百科] 日期：2020-06-17 热度：182
在网络空间领域核心技术持续发展进步的趋势之下,为激发社会科技创新活力潜力,引导社会科技创新趋势,汇聚全球优质科技创新资源,促进前沿科技成果转移转化,拓宽国内外科技交流与合作渠道,由深圳市人民政府主办,深圳清华大学研究院、力合科创集团联合承办 ,创[详细]
-
阿里抖音快手，618“新三国杀”
所属栏目：[站长百科] 日期：2020-06-17 热度：134
副标题#e# 今年上半年国内受疫情影响，电商行业遭遇不小的冲击，商家和各大平台"失血"严重，根据阿里、京东、拼多多发布的Q1季度财报来看，除了京东保持较好的同比增长之外，阿里跟拼多多在营收上的表现都缩水不少。今年上半年的618成为各家平台必争的"回血[详细]
-
字节跳动全球化：今日头条退、抖音进
所属栏目：[站长百科] 日期：2020-06-17 热度：117
副标题#e# 据36氪近日报道，字节跳动将逐步关闭海外新闻应用TopBuzz。现在在APP Store上已经无法搜索到TopBuzz，Google Play上也只有日文版本，而且更新日期已经停止在今年的5月9日。字节跳动似乎已经放弃了今日头条的海外业务。 相比今日头条海外业务的败[详细]
-
CSS设计网页时的一些常用规范
所属栏目：[站长百科] 日期：2020-06-17 热度：113
CSS命名规范 一．文件命名规范 全局样式：global.css； 框架布局：layout.css； 字体样式：font.css； 链接样式：link.css； 打印样式：print.css； 二．常用类/ID命名规范 页 眉：header 内 容：content 容 器：container 页 脚：footer 版 权：copyright[详细]
-
dl,dt,dd标记在网页中要充分利用
所属栏目：[站长百科] 日期：2020-06-17 热度：197
我们在制作网页过程中用到列表时一般会使用ul或者ol标签，很少用刑dl标签，但是这个三个标签却有着不可忽视的作用，毕竟Web标准中要尽最大可能的使用已有的标签。它们的用途是： dl /dl用来创建一个普通的列表, dt /dt用来创建列表中的上层项目， dd /dd用[详细]
-
300多个核酸检测点支付宝上开“办事处”，搜索量一周涨500%
所属栏目：[站长百科] 日期：2020-06-17 热度：178
针对疫情新形势，各地正有条不紊的进行应对。6月16日，最新数据显示，全国已有超300个核酸检测点上线了支付宝小程序，包括北京、上海、杭州等100多座城市。用户上支付宝搜核酸检测即可预约检测，最快24小时可出结果。该搜索数据较上周增长500%。 随着疫情[详细]
-
众志成城，共抗疫情：文电通PDF助力央企复工
所属栏目：[站长百科] 日期：2020-06-17 热度：58
为保障企业复工复产，加速企业产能恢复，帮扶企业经营运转，中央企业电子商务联盟在国务院国资委科创局指导下，发起"凝众力促复工"公益活动。央企联盟入围软件供应商北京棣南新宇科技有限公司对此积极响应，向广大央企联盟成员单位提供文电通PDF套装版办公[详细]
-
宜人贷：创意点清晰 贯穿始末
所属栏目：[站长百科] 日期：2020-06-17 热度：129
过生日每个人都不陌生，网上关于如何组织策划一场生日party的攻略更是五花八门。可就在刚刚，5月28日，一家企业的生日云聚会牵动了400万高知人群的目光。这家企业就是 宜人贷母公司宜信!要说单单只是一场大会+生日宴也就罢了，却还要把这一天的生日定义为[详细]
-
删除的微信好友怎么恢复？从此不再担心冲动和“手滑”
所属栏目：[站长百科] 日期：2020-06-17 热度：110
删除的微信好友怎么恢复?如今我们使用微信的频率是相当高,不管是工作生活都是离不开微信。几乎大部分同学都有清理微信僵尸粉的习惯,当大家没有将好友备注的时候,误删了微信好友该怎么找?在这里小编梳理了几点恢复微信好友的方法,供大家参考学习! 方法一:通[详细]
-
抢2020淘宝618红包秘籍 天猫京东618红包奖池爆发
所属栏目：[站长百科] 日期：2020-06-17 热度：64
集美们，2020年天猫京东618活动已经开始,天猫618抢红包大战0点开抢,大家一定要定好闹钟,据说前几分钟金额都超级大哦。一定要记住哦,分享给家人朋友让你的运气值爆棚必中618元大红包。为你推荐分享最强2020天猫618抢红包津贴购物券攻略,不看真的可惜哦。 活[详细]
