这几个CSS技巧大神看了都说好！1.黑白图像这段代码会让你的彩色照片显示为黑白照片，是不是很酷？img.desaturate{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(...
何为技巧，意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺，推动着人类科学技术的发展，同时犹如文字一样承托着人类文化的进步。每写好一篇文章，都会使用大量的写作技巧。烘托、渲染、悬念、铺垫、照应、伏笔、联想、想象、抑扬结合、点面结合、动静结合、叙议结合、情景交融、首尾呼应、衬托对比、白描细描、比喻象征、借古讽今、卒章显志、承上启下、开门见山、动静相衬、虚实相生、实写虚写、托物寓意...
在尝试转行虚拟经济的投资行业未果之后，决心重回实体经济做一些实实在在的工作，想到了5年前曾短期从事过的码农工作。并且比较幸运的进入了当地一个比较有名的网络公司，获得了一个从事网页前台的机会。时隔5年，互联网已经是手机移动端的天下，5年前还是新鲜事物的html5、css3早已被广泛运用到移动端网页开发上。我只有一边上w3cschool自学，一边参考同事已完成过的案例，吸取同事的长处、经验，不断实际练...
最近我公司来了个新员工，因为前端基础不怎么好嘛，老是喜欢问一些基础的问题，你说他没学过吧还真不是，真是他没注意过，这不，今天我就把这些知识点整理一下，给头条的小伙伴们学习下。这里还是要说一下我的前端学习群：594959296，从我一个到现在的1617都是看我每一篇文章来的，可以说都是我们大前端的学霸啊，不定期分享干货。想学到东西的都可以来，欢迎初学和进阶中的小伙伴记住，这七个css技巧你必须得会用...
1、如何清除图片下方出现几像素的空白间隙？方法1：img{display:block;}方法2：img{vertical-align:top;}2、如何让文本垂直对齐文本输入框？input{vertical-align:middle;}3、如何让单行文本在容器内垂直居中？#test{height:25px;line-height:25px;}/*只需设置文本的行高等于容器的高度即可*/4、...
一、黑白图像当你需要让一张彩色的图片显示为黑白照片的时候，你可以用下面的一段代码。img.desaturate{filter:grayscale(100%);-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);前端比较...
「译」22个必备的CSS小技巧22个必备的CSS小技巧大家好，今天我们将会介绍一些非常实用的CSS小技巧，让我们开始吧！「译」22个必备的CSS小技巧不久之前Firefox和Safari浏览器已经开始支持类似Photoshop的混合模式，但是在Chrome和Opera浏览器中需要添加前缀。举个栗子：「译」22个必备的CSS小技巧混合模式「译」22个必备的CSS小技巧渐变边框现在，你甚至可以在边框中...
01.Safari中z-index的层级问题在Safari浏览器下(此Safari浏览器包括iOS的Safari，iPhone上的微信浏览器，以及MacOSX系统的Safari浏览器)，当我们使用3Dtransform变换的时候，如果祖先元素没有overflow:hidden/scroll/auto等限制，则会直接忽略自身和其他元素的z-index层叠顺序设置，而直接使用真实世界的3D视角...
1.元素的显示与隐藏1）显示(display)display设置或检索对象是否及如何显示。display:none隐藏对象与它相反的是display:block除了转换为块级元素之外，同时还有显示元素的意思。特点：隐藏之后，不再保留位置。<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><t...
1、三角形列表项目符号ul{margin:0.75em0;padding:01em;list-style:none;}li:before{content:"";border-color:transparent#111;border-style:solid;border-width:0.35em00.35em0.45em;display:block;height:...