前端开发

css中使用:not()选择器为最后一个元素去除边框

2019-04-26492次阅读css
CSS 否定伪类,:not(X),是以一个简单的以选择器X为参数的功能性标记函数。它匹配不符合参数选择器X描述的元素。X不能包含另外一个否定选择器。:not伪类的优先级即为它参数选择器的优先级。:not伪类不像其它伪类,它不会增加选择器的优先级。浏览器兼容:IE9+、移动端全兼容
前端开发

IE盒子透明

2019-04-24234次阅读css
IE盒子透明经常会用到,filter:alpha(opacity=100),这里记录一下。前景透明建议看这个CSS利用filter/opacity实现浏览器兼容的背景透明。
前端开发

被遗忘了的css伪类:empty

2019-04-22388次阅读csscss3
:empty伪类代表没有子元素的元素。子元素只可以是元素节点或文本(包括空格),但不包括html注释。浏览器兼容:IE9+
前端开发

CSS中制作三角形

2019-04-18457次阅读css
在CSS中制作三角形是非常常见的UI任务。通过使用border边框制作CSS三角形或者使用HTML实体制作CSS三角形都是可行的方案。
前端开发

多行文本显示省略号

2019-04-09355次阅读css3css
display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;看前缀webkit就知道属于webkit内部属性,只支持webkit内核浏览器,移动端可以放心使用。
前端开发

css练习制作钢铁侠胸口的小型核反应堆

2019-04-02610次阅读csscss3
使用CSS3 Transforms变换和Animations动画练习制作钢铁侠胸口的小型核反应堆,个人觉得光看还是不行的,还是要多练,并对其中用到得不太熟悉的css属性进行温习补缺。
前端开发

css中position定位margin:auto垂直居中

2019-04-01328次阅读css居中
亲测,position:absolute,position:fixed定位,margin:auto下都可以垂直居中,IE8+支持。
前端开发

16个常用css技巧收集整理(四)

2019-03-30430次阅读css3css
能用css解决的就不要用JavaScript。16个常用css技巧收集整理(一),16个常用css技巧收集整理(二),16个常用css技巧收集整理(三)都有介绍,本文继续其它收集的css技巧。
前端开发

16个常用css技巧收集整理(三)

2019-03-30385次阅读css3css
能用css解决的就不要用JavaScript。16个常用css技巧收集整理(一)中收集了animation-fill-mode、calc()计算值、box-sizing、currentColor,16个常用css技巧收集整理(二)中收集了caret-color、scroll-behavior、::selection、-webkit-overflow-scrolling: touch,本文继续其它收集的css技巧。
前端开发

16个常用css技巧收集整理(二)

2019-03-29495次阅读css3css
能用css解决的就不要用JavaScript。16个常用css技巧收集整理(一)中收集了animation-fill-mode、calc()计算值、box-sizing、currentColor,本文继续其它收集的css技巧。