随笔分类 -  HTML

HTML + HTML5
iconfont图标转svg图标
摘要：iconfont 图标转 svg 图标 阅读全文
posted @ 2025-04-01 12:18 weiqinl 阅读(443) 评论(0) 推荐(0)
css属性position: static|relative|absolute|fixed|sticky简单解析
摘要：relative，参照物为自己。 absolute，参照物为有定位(非static定位)的父元素。 fixed, 参照物为浏览器的视口。 sticky，参照物为浏览器视口。设置不同方向的值，会粘住于不同方向。 阅读全文
posted @ 2018-10-30 20:10 weiqinl 阅读(2871) 评论(0) 推荐(3)
webpack4与babel配合使es6代码可运行于低版本浏览器
摘要：es6语法编写的代码使用babel转换为es5，并用webpack打包，使其可运行在低版本浏览器中。 阅读全文
posted @ 2018-10-11 17:03 weiqinl 阅读(7050) 评论(2) 推荐(1)
css设置多列等高布局
摘要：多列等高布局。主要是视觉效果。可以利用float/table/display:flex等技术来实现。 阅读全文
posted @ 2018-09-20 15:55 weiqinl 阅读(7857) 评论(0) 推荐(4)
css选择器+、~、>
摘要：## A + B（相邻兄弟选择器） 定义：css2。 匹配B元素，满足条件：B是A的下一个兄弟节点（AB有相同的父结点，并且B紧跟在A的后面）。 ## A ~ B （通用兄弟选择器） 定义： css3。匹配B元素，满足条件：B是A之后的兄弟节点中的任意一个（AB有相同的父节点，B在A之后，但不一定是紧挨着A） ## A > B （子选择器） 定义：css2。匹配B元素，满足条件：B是A的直接子节点。 阅读全文
posted @ 2018-09-18 00:16 weiqinl 阅读(740) 评论(0) 推荐(0)
html中div使用CSS实现水平/垂直居中的多种方式
摘要：CSS中的水平居中和垂直居中实现 阅读全文
posted @ 2018-07-27 18:34 weiqinl 阅读(3869) 评论(0) 推荐(0)
HTML5原生拖拽/拖放(drag & drop)详解
摘要：拖放的事件：dragstart、drag、dragend、dragenter、dragover、dragleave、drop 拖放操作初始化的对象DataTransfer 阅读全文
posted @ 2017-11-23 18:01 weiqinl 阅读(22136) 评论(6) 推荐(22)
CSS3标准盒模型还是IE怪异模型box-sizing属性的应用设置
摘要：content-box 标准盒模型。`width` 和 `height` 只包括内容(`content`)的宽和高。在宽度和高度之外绘制元素的内边距和边框。 border-box IE的怪异模型。`width`和`height`属性包括内容(`content`)、内边距(`padding`)、边框(`border`)，但是不包括外边距(`margin`)。在宽度和高度之内绘制元素的内容、内边距和边框。 阅读全文
posted @ 2017-09-21 12:19 weiqinl 阅读(778) 评论(0) 推荐(0)
css3三角形冒泡泡图形制作
摘要：纯css写冒气泡的三角形 阅读全文
posted @ 2017-03-18 17:49 weiqinl 阅读(644) 评论(0) 推荐(0)