随笔分类 -  css

摘要:w3school过了HTML的知识之后,觉得要自己单纯地去啃知识点有点枯燥,然后自己也很容易忘记,所以便找具体的网站练手便补上不懂的知识点。position:relative和postion:absolute困扰了我快一个星期之久,网上找到的资料鱼龙混杂,刚确定“这样”的理解之后,看另一份资料,发现 阅读全文
posted @ 2017-12-27 10:27 方帅 阅读(24203) 评论(0) 推荐(5) 编辑
摘要:在CSS中margin是指从自身边框到另一个容器边框之间的距离,就是容器外距离。在CSS中padding是指自身边框到自身内部另一个容器边框之间的距离,就是容器内距离。 下面讲解 padding和margin常用的用法 一、padding 1、语法结构 (1)padding-left:10px; 左 阅读全文
posted @ 2017-10-23 17:59 方帅 阅读(3914) 评论(0) 推荐(1) 编辑
摘要:1.在Firefox浏览器 draggable=false 不起作用的问题 https://stackoverflow.com/questions/26356877/html5-draggable-false-not-working-in-firefox-browser 2. svg在Firefox 阅读全文
posted @ 2017-10-19 14:45 方帅 阅读(791) 评论(0) 推荐(0) 编辑
摘要:隐藏滚动条,已经自己实测在浏览器Chrome, IE (6+), Firefox, Opera, Safari。 如下demo: Content 1 Content 1 Content 1 Content 1 Content 1 Content 1 Content 1 Content 1 Conte 阅读全文
posted @ 2017-08-18 15:52 方帅 阅读(881) 评论(0) 推荐(0) 编辑
摘要:在CSS中总有一些你不用不知道,用到才知道的“坑”。比如今天要谈的,把 before, after 伪类用在 <img> 标签上。嗯,实际上你用你会发现,在大多数浏览器这是无效的,dom中并不会出现你想要的结果。为什么会这样呢?让我们回归到 W3C 标准中寻觅一下,在标准中,before, afte 阅读全文
posted @ 2017-08-05 17:55 方帅 阅读(4549) 评论(0) 推荐(0) 编辑
摘要:1. 使用百分比设置宽高 自适用宽高的,有分割的区域,可以适用百分比:30% 70% 如果有一部分是固定的宽度或者高度,可以使用:height: calc( 100% - 36px ); 2. input进度条 <input type="range" value=0 style=""> 进度条,可以 阅读全文
posted @ 2017-05-31 11:09 方帅 阅读(191) 评论(0) 推荐(0) 编辑

点击右上角即可分享
微信分享提示