前端开发

css实现按钮背景色渐变过渡

2019-06-01171次阅读css3css
background-position:指定图片的初始位置。这个初始位置是相对于以background-origin定义的背景位置图层来说的。background-size:设置背景图片大小。当取值为百分比时,表示指定背景图片相对背景区的百分比大小。当设置两个参数时,第一个值指定图片的宽度,第二个值指定图片的高度。
前端开发

css中@supports特性检测

2019-05-31237次阅读css3css
CSS @supports通过CSS语法来实现特性检测,判断当前浏览器对某个特性是否支持,实现渐进增强的效果。
前端开发

css属性值initial、inherit、unset关键字区别

2019-05-29304次阅读css3css
写了好几年的css还真没有注意到它们之间的区别,同时这也是一个很好的面试题。例如:问position属性有多少取值。通常的回答是static、relative、absolute和fixed。当然还有一个sticky。其实,除此之外,CSS属性通常还可以设置下面几个值:initial、inherit、unset、revert
前端开发

css多列等高布局

2019-05-29208次阅读css3css
多列等高布局,算是比较常见的一种布局,要求两列布局看上去高度一致(就是通常是两列背景色一致)。
前端开发

单行居中多行居左最多两行超过用省略号

2019-05-29182次阅读css
单行居中多行居左最多两行超过用省略号。
前端开发

css中appearance:none修改select option样式

2019-05-15203次阅读css
select option有浏览器默认样式,且对自己的样式有一定的保护(基于css规则)。然而当设置 appearance: none 的时候,就相当于让select元素脱离浏览器内置select样式了。此时它相当于一个div,开发者就可以灵活设置样式了。而option还是略有不同,css规则暂时还未暴露更多的权限给开发者。
前端开发

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

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

IE盒子透明

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

被遗忘了的css伪类:empty

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

CSS中制作三角形

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