html
go_sparrow
这个作者很懒,什么都没留下…
展开
-
css浮动布局,了解一下
float浮动none 默认值不浮动 left right inherit 继承父元素的floatblock(块)元素的特点:①总是在新行上开始; ②高度,行高以及外边距和内边距都可控制; ③宽度缺省是它的容器的100%,除非设定一个宽度。 ④它可以容纳内联元素和其他块元素块级元素不设置宽度之后使用浮动 就会根据内容进行自动调整设置浮动元素会脱离正常的文档流 ...原创 2018-06-02 22:55:59 · 355 阅读 · 0 评论 -
[log] css常用样式
文字排版文字截断场景:一般是处理商品名称过长 white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical;...原创 2018-11-08 18:15:48 · 317 阅读 · 0 评论 -
[log] vue使用Mint组件实现下拉刷新、上拉加载
https://mint-ui.github.io/docs/#/zh-cn2/loadmore使用的vue <mt-loadmore :top-method="loadTop" :bottom-method="loadBottom" :bottom-all-loaded="allL...原创 2018-10-29 17:59:05 · 668 阅读 · 0 评论 -
[log]css圆周动画实现
前言创建动画就是把在时间轴上规定好每一帧的效果,然后进行播放就形成了动画,这就是我理解的动画keyframes@keyframes 就是每一帧的效果 从0 到100 就是整个时间轴http://www.w3school.com.cn/cssref/pr_keyframes.asp@keyframes animationname { keyframes-selector {css...原创 2018-11-13 20:50:08 · 511 阅读 · 0 评论 -
[canvas]火柴人
先看代码 <canvas id="test2" width="500" height="300"></canvas> <script type="text/javasc原创 2018-09-26 20:08:05 · 1462 阅读 · 0 评论 -
css样式[三行文字省略号查看更多]
/* 三行文字 省略号 */.lookmoretop{ overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical...原创 2018-06-05 11:06:18 · 8593 阅读 · 0 评论 -
Flexbox布局,了解一下
四种布局模式块布局:呈现文档的布局模式行内布局:呈现文本的布局模式表格布局:用格子呈现2D数据的布局模式布局定位:能够直接定位元素的布局模式,定位元素基本与其他元素没有任何关系.box{ display: flex;}基本概念 http://www.runoob.com/w3cnote/flex-grammar.htmlflex-directi...原创 2018-06-03 23:17:08 · 189 阅读 · 0 评论 -
css背景和边框,了解一下
css圆角边框border-radius表格border-collapse属性为separate,表格圆角才能正常显示背景属性background-color background-image background-repeat 展示方式 background-attachment 固定还是滚动 scroll fixed background-position...原创 2018-06-03 16:47:23 · 153 阅读 · 0 评论 -
css背景和颜色,了解一下
div{background:url(a.gif);background-size: 10px 10px;background-size: cover 宽度和高度设为auto contain 高度等于元素高度、宽度auto图片叠加设置多个背景图片背景图片位置background-origin border-box 边框左上角 padding-box内边...原创 2018-06-02 23:40:55 · 688 阅读 · 0 评论 -
css字体,了解一下
@font-face属性可以帮助我们加载服务端的字体文件字体倒影.box-reflect :{ 方向 间距 渐变效果} 方向 above below left right 间距 倒影和元素本身之间的额外距离 渐变效果 - none - url 使用绝对会相对地址指定遮罩图像 - linear-gradient 使用线性渐变创建遮罩图像 - radial-gradi...原创 2018-06-02 23:26:06 · 123 阅读 · 0 评论 -
[log] css选择器、伪类、伪元素
选择器伪元素伪元素可以用于定位文档中包含的文本,但无法在文档树中定位,伪元素表示DOM外部的某种文档结构,使用双冒号伪类一般反映无法在css中轻松或可靠的检测到的某个元素属性或状态,...原创 2018-12-16 09:32:40 · 186 阅读 · 0 评论