随笔分类 -  css

css3特别篇图解FlexBox
摘要：图文转自微博网友勾三股四 一、flex-direction 二、flex-wrap 三、justify-content 四、align-items 五、align-content 阅读全文
posted @ 2019-01-24 23:33 执白 阅读(122) 评论(0) 推荐(0)
float、display和流
摘要：一、css的元素有很深的道理和它存在的意义 块元素：默认元素的上下左右会有间隔（即使设置margin、padding为0也一样）。如果想0间隔，考虑float。 float：会使元素自动生成一个块级框（对于内联元素来说这改变了它的属性，因为你可以设置元素大小了），并且会使元素不完全脱离文档流（因为它 阅读全文
posted @ 2018-12-21 11:55 执白 阅读(339) 评论(0) 推荐(0)
让元素消失的方法与区别
摘要：一、方法 1.visibility：hidden 2.display：none 3.z-index: -1 4.opacity: 0 二、区别 1.opacity：0，该元素隐藏起来了，但不会改变页面布局，并且，如果该元素已经绑定一些事件，如click事件，那么点击该区域，也能触发点击事件的2.vi 阅读全文
posted @ 2018-12-18 20:16 执白 阅读(595) 评论(0) 推荐(0)
无限滚动条的css布局理解
摘要：一、需求描述 做一个waymo的滚动条，在页面中显示两张图，一共4张图，无限滚动播放。 二、问题描述 1.全部图片放不进容器里，因为父容器只有600px，4张图片1200px，后面的图只能被挤到第二排。加动画效果时，等图片左移，第一排的空够300px放一张图时，图片才放到第一排。动画效果十分不理想。 阅读全文
posted @ 2018-12-18 09:56 执白 阅读(723) 评论(0) 推荐(0)
css以前忽略的一些知识点（知识体系搭建）
摘要：一、选择器 基本选择器： 通用元素选择器 标签选择器 类选择器 id选择器 组合选择器： 多元素组合选择器 后代元素选择器 子代元素选择器 毗邻元素选择器 属性选择器： [title] & P[title] [title=mk] [title~="mk"] [title|=mk] [title^=N 阅读全文
posted @ 2018-12-08 09:58 执白 阅读(445) 评论(0) 推荐(1)
svg基础知识体系建立
摘要：一、简介：SVG 是使用 XML 来描述二维图形和绘图程序的语言。 SVG 指可伸缩矢量图形 (Scalable Vector Graphics) SVG 用来定义用于网络的基于矢量的图形 SVG 使用 XML 格式定义图形 SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失 SVG 是万维 阅读全文
posted @ 2018-11-29 22:35 执白 阅读(230) 评论(0) 推荐(0)