这篇文字里我会介绍50 个便于使用的 CSS2/CSS3 代码片段给所有的WEB专业人员. 选择IDE开发环境来存储这些是个不错选择, 或者仅仅是把它们保存为一个小小的CSS文件. 不管那种方式我肯定设计者和开发者都会发现他们之中一些有用的. html, body, div...

// return ; // eslint-disable-next-line import/no-extraneous-dependenciesimport React, { PureComponent } from 'react';import './index.le...

1、垂直对齐 如果你用CSS，则你会有困惑：我该怎么垂直对齐容器中的元素？现在，利用CSS3的Transform，可以很优雅的解决这个困惑： .verticalcenter{ position: relative; top: 50%; -webkit-trans...

一，HTML有N多标签，根据显示的类型，主要可以分为3大类 1，块级标签 独占一行的标签 能随时设置宽度和高度（比如div、p、h1、h2、ul、li） Snip20170119_1.png 2，行内标签（内联标签） 多个行内标签能同时显示在一行 宽度和高度取决于内容的尺寸...

写在从深圳返家的途中。呆在一个地方已经至少两个钟了，看来十一要在路上与众位萍水相逢的同乘们一起度过了。 好了，话不多说，进入正题。下面来说说我们常用的CSS (1) 透明: filter:alpha(opacity=50); /* ie 有效*/-moz-opacity:0...

这里我工作中收集了10个很不错的CSS技巧，你可以用在你的项目上。它可以帮你很好地整理你的元素并让他们看起来蛮酷的。下面开始我们的内容，希望你会喜欢它。下面是我收集的CSS技巧，希望能帮助到你，感觉收藏吧。 在这里我还是要推荐下我自己建的web前端开发学习群：7316695...

转载自： 1.禁止a标签点击高亮,这些都是非官方属性，但实用性超强 html,body{ -webkit-touch-callout: none; //禁止或显示系统默认菜单-webkit-user-select: none; //禁止长按复制选择-webkit-tap-h...

只要有一定前端代码基础，结合一些CSS小技巧，就可以用CSS绘制各种我们常见的图形（圆形，同心圆，菱形，平行四边形，心形，梯形，三角形，五角星，六角星，饼状图， 椭圆，圆锥形，气泡对话框框，鸡蛋，钻石形，五边形，欧朋浏览器标志，鸡蛋等），看到这，小伙伴们，是不是想跃跃欲试啦...

1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小，如果按照分辨率来显示网页，这样字会非常小，所以苹果当初就把iPhone 4的960*640分...

一、CSS简介 1.什么是CSS？ ​ CSS：Cascading Style sheet层叠样式表或级联样式表 ​ 是一种样式设置规则，用于控制页面的外观的样式 2.为什么使用CSS？ 实现内容与样式的分离，方便团队开发 样式复用，便于网站后期维护 页面的精确控制，让页面...

1. 正方形 #square { width: 100px; height: 100px; background: red; } 2. 长方形 #rectangle { width: 200px; height: 100px; background: red; } ...

1.长方形 #Rectangle{ width: 200px; height: 50px; background-color: red; color: white; text-align: center; } 2.正方形 #square{ width: 200px; hei...

5.椭圆 #ellipse{ width: 200px; height: 100px; background-color: red; color: white; text-align: center; border-radius: 100px/50px; /*-webkit...

1.正方形 square {width: 100px; height: 100px; background: red;} 2.长方形 rectangle { width: 200px; height: 100px; background: red;}3.左上三角 trian...

css图形绘制合集（纯CSS外加一个div标签实现） 相关CSS代码： #square { width: 100px; height: 100px; background: red; } 相关CSS代码： #rectangle { width: 200px; heig...

今天青石的票圈出镜率最高的，莫过于张艺谋的新片终于定档了。 一张满溢着水墨风的海报一次次的出现在票圈里，也就是老谋子经过慎重思考后，选择在今年国庆档9月30日上映的新片 影 这部片子除了张艺谋和姜文一样自带流量外，它的卡司阵容同样强大到让人闪瞎眼。 主演配有中生代男女演员中...

一、jQuery简介 JQ是JS的一个优秀的库，大型开发必备。在此，我想说的是，JQ里面很多函数使用和JS类似，所以学好JS再学习JQ很容易，其次也不要因为会使用JQ而不学习JS，JQ只是一个辅助工具。详细学习请访问 www.jQuery.com 二、JQ的好处 1.简化J...

字符串 1.什么是字符串 使用单引号或者双引号括起来的字符集就是字符串。 引号中单独的符号、数字、字母等叫字符。 转义字符：可以用来表示一些有特殊功能或者是特殊意义的字符(通过在固定的字符前加)\ ' ->'\ \ -> \\n ->换行\t ->制表符\ "-> "说明：...

《闭上眼睛才能看清楚自己》这本书是香海禅寺主持贤宗法师的人生体悟，修行心得及讲学录，此书从六个章节讲述了禅修是什么？什么是空性？如何通过感悟禅修的智慧，来体悟自己的人生。下面我就此书做以下分享。 慈爱众生并给予快乐，称为慈;同感其苦怜悯众生，并拨除其苦，称为悲；两者合...

偶然间从公众号里看见了小白训练营的课。就点进去看了看。刚开始的时候我觉得就是骗人的。后来一想，学费那么少。干嘛要骗你呢。那几块钱能干嘛呢。所以付了钱进了群。从此为自己打开了一个全新的认知世界。 进了群里之后认识了热心的班班和学姐学长们还有一群可爱的小伙伴们，我们共...

01 为响应青岛第29届“世界休闲体育大会”，周末被朋友拖着去参加“迷你马拉松”。 我是第一次参加这样的活动，一开始是抱着跑不下来走下来的心理，可当我站在跑道上的时候，想要赢的心理不自觉得让我拖着朋友往前凑。 朋友笑我太紧张，他说：“马拉松不是100米，不在乎抢跑的几秒钟，...

前言 Google Play应用市场对于应用的targetSdkVersion有了更为严格的要求。从 2018 年 8 月 1 日起，所有向 Google Play 首次提交的新应用都必须针对 Android 8.0 (API 等级 26) 开发； 2018 年 11 月 ...

第七章:理性的投资观 字数： 1.投资要围绕目的进行 投资的目的是为了挣钱。投资的除了金钱还有时间和精力也是一种投资。毕业四五年,生完小孩在家呆两年。再重出社会因为转行，发现自己相当于一个应届毕业生。内心有点小慌张，仔细分析了一下，职场失败的原因是因为没有目的和主观意识得投...

本文转载自微信公众号“电子搬砖师”，原文链接 这篇文章会以特别形象通俗的方式讲讲什么是PID。 很多人看到网上写的PID文章，要么是一堆公式，要么是充满疑惑的例子，就觉得PID是个很难的控制算法。其实要理解PID很简单，读者完全可以有这种认识和信心。 一、PID是什么? P...