随笔分类 -  CSS

CSS 手机端常用信息列表
摘要：最终样式 HTML 代码 <div class="list"> <div class="item"> <img src="./1.png" > <div class="info"> <p class="title">这是标题,这是标题,这是标题,这是标题,这是标题</p> <p class="oth 阅读全文
posted @ 2021-12-31 15:19 伴月阁 阅读(256) 评论(0) 推荐(0) 编辑
CSS3文字超出块元素显示省略号
摘要：代码: <style> span{ display: block; width: 300px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } </style> <span>文字超出显示省略号,文字超出显示省略号,文 阅读全文
posted @ 2020-05-13 09:59 伴月阁 阅读(492) 评论(0) 推荐(0) 编辑
记录平台向用户发送消息功能界面（HTML+CSS）
摘要：效果样式 代码HTML+CSS （代码） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta 阅读全文
posted @ 2020-03-09 09:52 伴月阁 阅读(756) 评论(0) 推荐(0) 编辑
原生JavaScript写出日历功能 无引用Jq
摘要：成品显示，可左右切换月份 html 代码 css代码 JS代码 阅读全文
posted @ 2019-09-21 18:18 伴月阁 阅读(322) 评论(0) 推荐(0) 编辑
CSS3 元素转圈动画 （元素旋转动画）
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>css 阅读全文
posted @ 2019-08-12 12:23 伴月阁 阅读(56121) 评论(0) 推荐(5) 编辑
web前端筛选页面（类似大众点评）
摘要：页面如下 移动端使用续修改一下事件类型。。不足的地方大家可以指出来，内容全部是使用原生JS写的。便于使用修改 代码如下： 阅读全文
posted @ 2019-06-18 10:39 伴月阁 阅读(634) 评论(0) 推荐(0) 编辑
HTML+CSS块级元素的垂直居中
摘要：块级元素的垂直居中分为两种情况。 一、元素是固定宽高，可以使用绝对定位的方法，让元素位置定位到父元素的正中心，然后利用外边距移动自身宽高的一半，从而达到垂直居中的效果 代码如下： 二、元素不固定宽高，需要通过translate 变形函数来处理，代码如下 阅读全文
posted @ 2019-04-08 11:00 伴月阁 阅读(477) 评论(0) 推荐(0) 编辑
用 Canvas 制作刮刮卡
摘要：刮刮卡 阅读全文
posted @ 2019-04-04 17:08 伴月阁 阅读(403) 评论(0) 推荐(0) 编辑
微信公众号页面在IOS系统中字体会默认变大
摘要：情况是这样的 在IOS中字体元素刚进来是正常的，之后会突然变大，扰乱页面布局 在CSS中加入 即可，解决 阅读全文
posted @ 2018-10-29 17:46 伴月阁 阅读(842) 评论(0) 推荐(0) 编辑
JavaScript 和 CSS3 做出转盘抽奖效果
摘要：首先是HTML代码 然后是CSS代码 最后加JS代码 阅读全文
posted @ 2018-07-16 23:40 伴月阁 阅读(393) 评论(0) 推荐(0) 编辑