随笔分类 -  CSS3

摘要:也许你已经学会了CSS的三个简单常用的选择器:#ID,.class,标签选择器,可是这些就足够了吗?随着CSS3的到来,作为前端开发者需要掌握下面三十个基本的选择器,这样才可以在平时开发中得心用手。 本文中将综合前端开发中常用的30个CSS3选择器,并且附带了浏览器的支持情况,希望对大家有所帮助。 阅读全文
posted @ 2017-11-14 23:09 钢铁小坦克 阅读(555) 评论(0) 推荐(0)
摘要:属性选择器: E[attr]只使用属性名,但没有确定任何属性值 E[attr="value"]指定属性名,并指定了该属性的属性值 E[attr~="value"]指定属性名,并且具有属性值,此属性值是一个词列表,并且以空格隔开,其中词列表中包含了一个value词,而且等号前面的“〜”不能不写 E[a 阅读全文
posted @ 2017-07-22 15:30 钢铁小坦克 阅读(134) 评论(0) 推荐(0)
摘要:首先这两个单位一般用在移动端 不太清楚得求证 再记录 1、em w3cschool中给出css中尺寸单位如下: 1em 等于当前的字体尺寸。 2em 等于当前字体尺寸的两倍。 例如,如果某元素以 12pt 显示,那么 2em 是24pt。 在 CSS 中,em 是非常有用的单位,因为它可以自动适应用 阅读全文
posted @ 2017-07-07 04:52 钢铁小坦克 阅读(254) 评论(0) 推荐(0)
摘要:css3实践—创建3D立方体 要想实现3D的效果,其实非常简单,只需指定一个元素为容器并设置transform-style:preserve-3d,那么它的后代元素便会有3D效果。不过有很多需要注意的地方,这里把我学习的方法,过程分享给大家。再讲知识点之前,还是先弄清楚3D的坐标系吧,从网上搜了一张 阅读全文
posted @ 2017-06-15 00:16 钢铁小坦克 阅读(2540) 评论(0) 推荐(0)
摘要:PS:CSS3的3D和我做研发时的3D不一样他们只能旋转180度 横为X竖为Z高为Y transfrom:2D3D转换 rotareX:绕着X轴旋转 rotareY(-180deg):绕着Y轴旋转-180度 translateX(100px)沿着X轴移动100px scale()将元素尺寸扩大或缩小 阅读全文
posted @ 2017-06-14 01:32 钢铁小坦克 阅读(236) 评论(0) 推荐(0)