随笔分类 -  CSS

摘要：CSS可以利用边框来绘制三角形箭头，其方法和原理描述如下（注：这不是CSS3特有的，在以前的CSS版本中就可以这样做）<div style="width: 100px; height: 100px; border: 20px solid blue; border-top: 20px solid red;"></div>在浏览器中执行以上代码可以看到如下效果，可以看到上方边框相交处形成了倾斜的边缘。如果将DIV块的长宽设置为0，你将得到以下的图形。<div style="width: 0; height: 0; border: 30px 阅读全文

摘要：CSS3中有一些功能还在开发中，还没有制定统一标准达到使用的目的。对于这些属性，不同浏览器有不同的实现标准，因此对于不同的浏览器内核，必须在这些没有统一标准的属性名前加上前缀来进行区分。以下是目前各主流浏览器内核的前缀：前缀内核主流浏览器-ms-TridentIE-moz-MozillaFirefox-o-PrestoOpera-webkit-WebkitSafari,Chrome注：例如使用CSS3的transition属性时，要使这个属性在各浏览器上起作用就必须重复写上不同前缀的版本。-webkit-transition: all 0.4s ease-in-out;-moz-transit 阅读全文

摘要：1.CSS3可以制作出更漂亮，更炫丽的页面，有着丰富多彩的视觉效果。以往许多需要借助JavaScript或者Flash才能够完成的事情现在只要CSS3一个就能够搞定。2.减少开发和维护时间。CSS3可以做到许多以前JavaScript和Flash才能搞定的事，也就意味着你可以节省一大部分用来调试JS和Flash代码的时间。你只要专注CSS3一个即可。另外，比如以往做阴影效果的时候常常需要特地用Photoshop制作图片来实现，现在只需要使用box-shadow属性就可以轻松达到目的，而且可以随时随地进行修改。最后，CSS3可以通过新增属性减少HTML页面中的div等标签数量，例如CSS3中你可 阅读全文