网页制作 > CSS > css3 >
CSS3网格的三个新特性详解
在这篇文章中,我们将来看一些CSS3新属性,从而用HTML和CSS处理网格的时候更容易。但首先让我们讨论一点HTML和CSS网格的历史,了解清楚为什么以前很困难CSS类名支持中文命名的示例
CSS类名的结构性和统一性非常的重要,有些程序员喜欢使用首字母大写,有些喜欢用连接线,有些喜欢用下划线。最近我发现的一个非常有意思的东西是,在HTML和CSS里,你可以用Unicode(包括中文)来命名类名。不信咱们就试一下多重CSS背景动画实现方法示例
CSS背景动画很长时间以来都是一个热门话题,很多时候都是因为效果特别绚丽,而且不需要额外的技术。最近有人问我是否可以给页面上一个指定的元素安排多重背景动画,答案是yes….虽然有些限制因素。让我们来看看如何实现这个效果CSS图片翻转动画技术详解(IE也实现了)
因为不断有人问我,现在我补充一下:IE是支持这种技术的!尽管会很麻烦。需要做的是旋转front和back元素,而不是旋转整个容器元素。如果你使用的是最新版的IE,可以忽略这一节。IE10+是支持的,IE9完全不支持CSS动画。使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
有无数的理由要求我们在任何时候都应该知道用户是使用的什么设备浏览我们的网站——宽屏,普通屏,平板,手机?知道这些特征,我们web应用的CSS和JavaScript才能同步做相应的操作css3实现input输入框颜色渐变发光效果代码
css3都推出好久了,虽然各大主流浏览器对其兼容性还不是很好,特别是IE…但通过添加-moz- -webkit-这样的前缀可以在chrome和Firefox下获得更好的效果,还是Transition实现的过渡效果CSS去掉A标签(链接)虚线框的方法
链接的虚线框影响整体风格,我们在工作经常会将它去掉,而采用图片高亮的方式来显示焦点状态。然而去掉虚线框在两种浏览器中却分别对待,这种技巧经常用到,作个记录,以备不时之需使用css3背景渐变中的透明度来设置不同颜色的背景渐变
根据用户输入的颜色来配置整个主题的颜色,发现css3的背景渐变中的透明度可以解决这个问题,具体的实现如下,大家可以参考下你应该知道的30个css选择器
你认为学会了基础的id,类和后代选择符,然后你就一直用它们了吗?如果是这样,你丢失了(css的)巨大的灵活性。在本文中提到的很多选择器属于CSS3规范的一部分,因此,只有在现代浏览器中才可使用纯CSS3打造动感漂亮时尚的扇形菜单
扇形菜单想必大家对它并不陌生吧,本文为大家介绍下如何使用纯CSS3打造动感漂亮的扇形菜单,感兴趣的朋友可以学习下CSS3中background-clip和background-origin的区别示例介绍
本文为大家介绍下CSS3中background-clip和background-origin的区别,感兴趣的朋友可以参考下CSS3中:nth-child和:nth-of-type的区别深入理解
关于:nth-child和:nth-of-type的区别之前一直没太注意,经深入理解才发现里面其实暗藏玄机CSS书写规范、顺序和命名规则
写了这么久的CSS,但大部分前端er都没有按照良好的CSS书写规范来写CSS代码,这样会影响代码的阅读体验,这里总结一个CSS书写规范、CSS书写顺序供大家参考纯CSS3实现鼠标悬停提示气泡效果
鼠标悬停就是指我们鼠标指向菜单时提示此菜单的相关功能与内容了,下面我们使用纯css3实现鼠标悬停提示气泡效果,希望文章对各位有所帮助css3中检验表单的required,focus,valid和invalid样式
HTML5的出现为我们提供一些属性,不用编写js和正则即可解决这个检验表单内容required,focus,valid和invalid样式,感兴趣的朋友可以了解下本文