随笔分类 -  CSS

使用js修改css样式表
摘要：有些情况下,我们需要页面加载时就快速修改元素的样式,但如果在页面dom加载完后再修改css,虽然元素样式快速变化,但肉眼能观察到,所以需要JS动态生成样式表,声明所希望的css样式.执行js时,页面会有很短暂的阻塞,等js执行完毕后,浏览器会根据所修改的样式继续渲染css.这样的样式才不会"闪一下" .以下是js代码,动态增加style function addCSS(cssText){ ... 阅读全文
posted @ 2018-02-26 11:01 toDoYourBest 阅读(390) 评论(0) 推荐(0)
使用PHP脚本快速将H5的css文件转换为微信小程序wxss文件
摘要：公司需要开发微信小程序，根据领导指示，小程序的UI和功能和我们公司原有项目的H5版本一模一样，而且尽可能快地发布。我使用了如下方案，极大加快了我们团队的开发进度。 我发现微信小程序的wxss对于css的支持程度还是非常高的，可以很大程度的复用。但是有个问题：我们原H5项目中css的长度单位使用的是r 阅读全文
posted @ 2018-01-18 10:28 toDoYourBest 阅读(4735) 评论(0) 推荐(0)
css background-position
摘要：background-position属性设置背景图像的起始位置,背景图像的起始位置会和元素的起始位置一致. 比如 以上代码中,.box的背景的background-position是left top意思是:背景的左上角和它的父元素.box的左上角重合 注意,背景默认是一比一比例显示的,也就是说,默 阅读全文
posted @ 2017-12-15 14:16 toDoYourBest 阅读(144) 评论(0) 推荐(0)
使用伪类和伪元素改变radio,checkbox的样式
摘要：今天学习了一下百度前端技术学院的课程,感觉很不错 自定义checkbox， radio样式 核心要点 1.不要显示原有样式 2.充分利用伪元素,让伪元素去显示想要的样式 3.伪元素的content为''(空字符串) 4.利用伪类:checked,可大大简化代码,不使用js,即可让伪元素在checke 阅读全文
posted @ 2017-11-05 00:08 toDoYourBest 阅读(1134) 评论(0) 推荐(0)
display:inline-block笔记
摘要：去除inline-block元素间间距的N种方法 阅读全文
posted @ 2017-09-27 17:08 toDoYourBest 阅读(110) 评论(0) 推荐(0)
CSS3的REM设置字体大小(转载)
摘要：出处：W3CPLUS 在Web中使用什么单位来定义页面的字体大小，至今天为止都还在激烈的争论着，有人说PX做为单位好，有人说EM优点多，还有人在说百分比方便，以至于出现了CSS Font-Size: em vs. px vs. pt vs. percent这样的PK大局。不幸的是，仍然有不同的利弊， 阅读全文
posted @ 2017-03-07 15:03 toDoYourBest 阅读(145) 评论(0) 推荐(0)
content-box
摘要：https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing http://www.w3school.com.cn/cssref/pr_box-sizing.asp http://www.w3school.com.cn/tiy/t.asp?f 阅读全文
posted @ 2017-02-01 22:00 toDoYourBest 阅读(131) 评论(0) 推荐(0)
css background-size htc无效的几种情况
摘要：使用了兼容ie8的background-size htc,如果是display:block的元素,它的背景显示是没问题的,但是如果这个元素display:none,则背景不显示,或者,这个元素是个伪元素,也不显示,迫于赶工期,不使用背景了,直接增加一个图片元素,一切都ok了 阅读全文
posted @ 2017-01-20 10:20 toDoYourBest 阅读(580) 评论(0) 推荐(0)