-
CSS3实现淘宝留白的方法
所属栏目：[站长百科] 日期：2020-06-17 热度：70
当你在缩小浏览器页面的时候他的内容区并没有缩小，是留白的变[详细]
-
css实现朋友圈照片排列布局的代码
所属栏目：[站长百科] 日期：2020-06-17 热度：60
首先可以打开朋友圈观察不同图片数量的几种布局,也可参考下图示例； 可以发现除1张图片，4张图片特殊外，其他数量图片均使用一行三列的方式排列； 假设有如下HTML代码，这里imgList是一个图片地址数组； ulli v-for=(item, index) in imgList :key=index i[详细]
-
详解CSS3实现响应式手风琴效果
所属栏目：[站长百科] 日期：2020-06-17 热度：169
最近看了国外大佬用CSS3实现手风琴效果的视频,所以自己学习后写了一下,以博客的形式记录下来,方便自己日后复习,代码结构如下(字体用的是Genericons ): 最终效果如下: 全屏时: 屏幕宽度小于960px时: 下面来看一下页面的基本结构(index.html): !DOCTYPE html[详细]
-
修复一个因为scrollbar占据空间导致的bug问题
所属栏目：[站长百科] 日期：2020-06-17 热度：53
这一个因为滚动条占据空间引起的bug, 查了一下资料， 最后也解决了，顺便研究一下这个属性， 做一下总结，分享给大家看看。 正文 昨天， 测试提了个问题， 现象是一个输入框的聚焦提示偏了， 让我修一下, 如下图： 起初认为是红框提示位置不对， 就去找代[详细]
-
CSS实现3D书本效果的示例代码
所属栏目：[站长百科] 日期：2020-06-17 热度：165
话不多说，先来看一下效果图 源代码如下 !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中的float和margin的混合使用示例代码
所属栏目：[站长百科] 日期：2020-06-17 热度：199
在最近的学习中，在GitHub上找了一些布局练习，我发现了我自己对布局超级不熟悉（很难受）。 在以前的学习中，感觉使用CSS就记住各个属性的功能就OK了，但是呢？真的很打脸。不说了，太伤心了，进入正题吧！ 最近我使用float和margin布局，加深了我对这两[详细]
-
CSS3中引入多种自定义字体font-face
所属栏目：[站长百科] 日期：2020-06-17 热度：168
今天在HTML中发现了一个问题，提供给我们默认的字体有很多，但是除了那些黑体、宋体、楷体等支持中文字体之外，其余的都不知道中文字体，如果我们需要用自己喜欢的字体怎么办呢？CSS3中是否可以引入自定义下载的字体呢？如果可以我们应该怎么引入？带着这[详细]
-
纯CSS实现左右拖拽改变布局大小
所属栏目：[站长百科] 日期：2020-06-17 热度：116
利用浏览器非overflow:auto元素设置resize可以拉伸的特性实现无JavaScript的分栏宽度控制。 webkit浏览器下滚动条可以自定义，其中resize区域大小就是scrollbar的大小，于是，我们可以将整个拉伸区域变成和容器一样高。 实现原理 CSS中有一个resize属性，[详细]
-
可爱的中文美术字体标准制图技巧教程
所属栏目：[站长百科] 日期：2020-06-17 热度：64
这篇文章像大家介绍的是制作可爱的中文美术字体标准制图技巧，文章挺不错的，推荐到脚本之家和大家一起分享，一起学习！ 教程结束，以上就是可爱的中文美术字体标准制图技巧介绍，大家学会了吗？希望能对大家有所帮助！[详细]
-
常见的10种图片格式（文件后缀）和使用场景(方便选择不同的后缀)
所属栏目：[站长百科] 日期：2020-06-17 热度：120
副标题#e# 使用哪种图片格式是个老生常谈的问题，本站也多次写过关于图片格式的文章。但之前我们都是在几种图片格式之间对比。 在这篇文章中，我们将列出10种最常见的图片文件格式，并介绍它的主要用途和优缺点。通过阅读这篇文章，你将能了解在特定情况下[详细]
-
CSS教程：总结清除浮动的方法
所属栏目：[站长百科] 日期：2020-06-17 热度：105
副标题#e# 作者：Dudo 原文连接：?id=239 很多人都有研究闭合浮动元素的问题，但是解决方法却不一样，也并不是每一种方法都尽善尽美。闭合浮动元素（或者叫清除浮动）是web标准设计中经常会遇到的一个问题，因此，这里我想总结一下目前经常用到的几种方法，[详细]
-
CSS样式表教程：浏览器默认样式
所属栏目：[站长百科] 日期：2020-06-17 热度：89
不同浏览器对于相同元素的默认样式并不一致，这也是为什么我们在CSS的最开始要写 * {padding:0;marging:0}； 不过现在说的可不只是这些。基本上，不同内核的两个浏览器在某些元素的表现都会存在差异，比如缩进的大[详细]
-
“智创杯”科创赛初赛粤港澳赛区深圳站网络空间行业赛第三场成功举办
所属栏目：[站长百科] 日期：2020-06-17 热度：132
在网络空间领域核心技术持续发展进步的趋势之下,为激发社会科技创新活力潜力,引导社会科技创新趋势,汇聚全球优质科技创新资源,促进前沿科技成果转移转化,拓宽国内外科技交流与合作渠道,由深圳市人民政府主办,深圳清华大学研究院、力合科创集团联合承办 ,创[详细]
-
CSS网页布局：div垂直居中的各种方法
所属栏目：[站长百科] 日期：2020-06-17 热度：57
在前面的文章中我简单总结了一个CSS在页面布局中实现div水平居中的方法，其实水平居中实现还是比较简单的，反而垂直居中有点麻烦，因为我们设计页面的时候往往水平宽度都是固定的。因此我们有必要总结一下在页面布局过程中实现垂直居中的方法。 在说到这个[详细]
-
CSS Div网页布局中的结构与表现
所属栏目：[站长百科] 日期：2020-06-17 热度：154
在Web标准中一个很重要的概念就是强调页面的结构与表现分离。说的通俗一点就是XHTML中应该没有样式化的东西，而且Web在浏览器中除内容外都应该由CSS表现，这包括布局与其它样式。一旦一个标准的XHTML代码写完之后，那么CSS可以实现其实百变面孔。其实XHTML[详细]
-
CSS教程：简化CSS中属性的示例
所属栏目：[站长百科] 日期：2020-06-17 热度：156
在工作中编写CSS代码时，经常会出现冗余的代码，特别是用可见即可得工具来编写，为了提高代码的质量及文件压缩到最小，使代码具有可读性，我们不得不把CSS代码简化。 下面用一些比较常用的属性来做示例：margin margin-top:1px; margin-right:1px; margin-[详细]
-
CSS网页布局：div水平居中的各种方法
所属栏目：[站长百科] 日期：2020-06-17 热度：141
在Web标准中的页面布局是使用Div配合CSS来实现的。这其中最常用到的就是使整个页面水平居中的效果，这是在页面布局中基本，也是最应该首先掌握的知识。不过，还是经常会有人问到这个问题，在这里我简单总结一下使用Div和CSS实现页面水平居中的方法：一、ma[详细]
-
网页设计中典型的header代码结构
所属栏目：[站长百科] 日期：2020-06-17 热度：171
页面中header部分一般位于最上端（有时根据需要也会位于某一侧，不管它在页面中的位置如何，在XHTML代码中它总是优于其它元素先加载），内容主要包括网站名称（Logo，次级标题可能是网站的一句口号等）和网站的导航部分。在推行Web标准的现代网络中，Web中[详细]
-
CSS初学者常犯错误汇总
所属栏目：[站长百科] 日期：2020-06-17 热度：148
前面文章介绍了给CSS初学者收集的技巧，这篇汇总下CSS初学者容易犯的错误。推荐阅读本站的XHTML教程专题内容。 在编写CSS样式时，常常会出现一些问题，有些问题可以很快得已解决，而有些问题可能会浪费我们很多的精力和时间。特别是新手朋友，对各方面的知[详细]
-
CSS设计网页边框的几个实例
所属栏目：[站长百科] 日期：2020-06-17 热度：146
掌握CSS网页布局技术，网页边框效果的定义是基础内容，其中也涉及到CSS盒模型知识以及CSS属性简写知识。 相关文章阅读：CSS设计网页时的一些常用规范 实例一： CSS： p {padding: 15px; border: 1px solid black; } h5{padding: 0px; border: 1px solid re[详细]
-
CSS教程：汇总CSS初学者的几个技巧
所属栏目：[站长百科] 日期：2020-06-17 热度：128
这几则CSS技巧都是从网络收集来的，作为老手就当作温故而知新，本文主要面对CSS新手朋友，有一些东西或许不是搞的很明白。而这十则CSS技巧能促进你的学习与编码技巧，更多的知识浏览CSS教程频道内容。希望大家能认真阅读。一、CSS字体属性简写规则 一般用C[详细]
-
先迈网上的任务好做吗？怎样高效做任务快
所属栏目：[站长百科] 日期：2020-06-17 热度：125
手机做任务赚零花钱，已经不是什么新鲜事。先迈网，成立于2014年9月，一个社会化的众包平台。先迈网众包与闲暇时间的有机结合，让手机兼职创造更多价值。先迈网是实名备案的众包平台，以提供多元化的众包任务为主，先迈网与2000多个企业、机构共建众包服务[详细]
-
2020英特尔大师挑战赛网咖电竞酒店联赛火热开启
所属栏目：[站长百科] 日期：2020-06-17 热度：63
这个夏天，热闹非凡，不仅有“骄阳似火”、“后浪入海”，更有电竞平台邀你为梦想而战！英特尔大师挑战赛，即将正式开启！ 燃烧热血，释放热情，迎战巅峰，你，准备好了吗？ 英特尔大师挑战赛（Intel Master Challenger）是英特尔主办的专业电竞赛事，秉承[详细]
-
Unity游戏云上线，携手腾讯云打造一站式联网游戏开发平台
所属栏目：[站长百科] 日期：2020-06-17 热度：71
2020年6月15日，上海 – 今日，全球领先的实时3D内容创作平台Unity宣布，和腾讯云合作推出Unity游戏云 （Unity Connected Games），从在线游戏服务、多人联网服务和开发者服务三个层次打造一站式联网游戏开发平台。Unity游戏云大幅简化了游戏服务器端开发[详细]
-
CSS教程：网页图片垂直居中的使用技巧
所属栏目：[站长百科] 日期：2020-06-17 热度：137
在曾经的 淘宝UED 招聘 中有这样一道题目： 使用纯CSS实现未知尺寸的图片(但高宽都小于200px)在200px的正方形容器中水平和垂直居中。 当然出题并不是随意，而是有其现实的原因，垂直居中是 淘宝 工作中最常遇到的一个问题，很有代表性。 题目的难点在于两[详细]
