随笔分类 -  CSS

背景上实现阴影——linear-gradient
摘要：用角度值指定渐变的方向（或角度）。设置渐变为从右到左。相当于: 270deg设置渐变从左到右。相当于: 90deg设置渐变从下到上。相当于: 0deg设置渐变从上到下。相当于: 180deg。这是默认值，等同于留空不写。 阅读全文
posted @ 2017-09-08 11:11 心悦诚服555 阅读(795) 评论(0) 推荐(0)
随笔
摘要：最近真的是太忙了，回头一看，竟然有2个多月没更新博客了。回顾换了工作后的两个月以来，真的是觉得忙忙忙，累累累，但是收获还是很多，见过了很多没见过的东西。刚来的时候，一个同事帮我定位bug，几分钟搞定，而我之前花了一个多小时甚至更多，光是看他定位bug的操作，就能长知识，佩服他的思维逻辑，一步推一步， 阅读全文
posted @ 2017-09-07 18:34 心悦诚服555 阅读(186) 评论(0) 推荐(1)
css优先级
摘要：最后上面的a标签会显示为什么样色？此题考查了css样式的优先级。 分割线 下面为干货： 1.相同权值情况下，CSS样式的优先级总结来说，就是——就近原则（离被设置元素越近优先级别越高）： 内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）。 2.权值不同时，浏览器是根据权 阅读全文
posted @ 2017-06-02 14:21 心悦诚服555 阅读(174) 评论(0) 推荐(0)
背景透明，文字不透明效果
摘要：background-color: rgba(36, 186, 9, .8);可以实现背景透明文字不透明，但是不兼容ie8。 在ie8中要实现透明度要通过background-color: #24BA09;filter: alpha(opacity=80); 在标准浏览器中background-co 阅读全文
posted @ 2017-05-09 17:17 心悦诚服555 阅读(221) 评论(0) 推荐(0)
CSS+HTML+JQuery实现条形图
摘要：在工作中遇到了写条形图的情况，因为文字，条形数量和条形图的颜色需要改变，所以不能用图片，所以决定写一个试试，写的比较简单，但毕竟是第一次，也遇到了一些问题，特意记录下来，以免忘记。 因为该页面还需要兼容ie8，处理每个条形的间距也是一个问题。所以使用justify-content: space-ar 阅读全文
posted @ 2017-05-09 10:33 心悦诚服555 阅读(1551) 评论(0) 推荐(0)
rem和em学习笔记及CSS预处理（未完待续）
摘要：以下为读http://www.w3cplus.com/css/when-to-use-em-vs-rem.html的感悟，收获满满！ 1、当元素A的字体单位是n rem时，它将根据根元素（html）的font-size的大小作为基准，比如 <!DOCTYPE html> <html> <head> 阅读全文
posted @ 2017-03-23 18:36 心悦诚服555 阅读(401) 评论(1) 推荐(1)