随笔分类 -  CSS

learning notes for CSS
解决移动端Safari :active伪类设置失效问题
摘要：在body元素中添加如下代码 <body ontouchstart="" onmouseover=""> </body> 亲测有效。 阅读全文
posted @ 2020-11-10 17:56 承蒙时光 阅读(256) 评论(0) 推荐(0)
由一次动态改变font-size的大小引申的一系列困惑补录
摘要：以下结论如有错误，欢迎指正 在切入正题之前，先了解下window 和document这两个大对象 我们熟知 JavaScript的组成如下图所示： window对象和document对象分别属于哪个分支下面呢？ 发现： 在控制台打印出的document对象和window.document打印出来的对 阅读全文
posted @ 2018-07-30 18:14 承蒙时光 阅读(550) 评论(0) 推荐(0)
理解纯CSS画三角形
摘要：pure css draw a triangle 我们有这样一个边框 .d1 { width: 200px; height: 200px; border-top: 10px solid yellow; border-left: 10px solid purple; border-bottom: 10 阅读全文
posted @ 2017-11-15 00:20 承蒙时光 阅读(216) 评论(0) 推荐(0)
高效的CSS代码(2)
摘要：——阅读笔记，欢迎纠错^_^内容比较零散。。。。。1.让浮动元素的父容器根据元素的高度而自适应高度的方法：/*意思就是最外面的一层是父容器，给他加上清除浮动的功能，clearfix的代码再高效的CSS代码（1）中有*/2.再写代码前不是要先分析一下页面的模块吗，模块的划分也能间接影响代码的效率，写C... 阅读全文
posted @ 2015-10-19 20:58 承蒙时光 阅读(168) 评论(0) 推荐(0)
高效的CSS代码(1)
摘要：——阅读笔记，欢迎纠错平时写CSS时常用的两个CSS文档（小杂感觉用的蛮喜欢，也是看了些书，尝试使用效果不错）/************CSS reset *********//********顾名思义CSS标签重置，不改动，适合初学者吧，小杂也是初学者，对各个标签进行初始化后比较不会出现一些意外的... 阅读全文
posted @ 2015-10-19 20:35 承蒙时光 阅读(209) 评论(0) 推荐(0)