2020年11月19日
css自定义省略实例1
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, mi 阅读全文
posted @ 2020-11-19 11:18 し7709 阅读(141) 评论(0) 推荐(0) 编辑
css自定义省略实例2
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, ma 阅读全文
posted @ 2020-11-19 11:15 し7709 阅读(94) 评论(0) 推荐(0) 编辑
2020年11月17日
float
摘要： float值不为none时和margin-left/right关系： 这里我想不明白3、5为什么这样布局？ float:right（left）设置后margin-left（right）没有作用？ —— 你想哈，float: right元素已经是 <!DOCTYPE html> <html lang= 阅读全文
posted @ 2020-11-17 17:56 し7709 阅读(133) 评论(0) 推荐(0) 编辑
2020年11月16日
position与float
摘要： position:fixed/absolute和float的关系:元素设置position:absolute / fixed后，float属性是没有效果的。对于position: absolute元素，其包含元素为设有position:relative的元素；对于position: fixed元素， 阅读全文
posted @ 2020-11-16 17:27 し7709 阅读(147) 评论(0) 推荐(0) 编辑
2020年11月13日
css实现弹框
摘要： CSS遮罩层实现思路：遮罩层的影藏方式一般有display:none、visibility:none、opacity: 0。遮罩层从无到有的出现效果一般是opacity值从0~1，结合transition属性使用。遮罩层一般位于页面Z轴方向前面，如果遮罩层只设置opacity,由于其z-index靠 阅读全文
posted @ 2020-11-13 16:26 し7709 阅读(724) 评论(0) 推荐(0) 编辑
2020年11月11日
移动端input的disabled属性对字体颜色影响
摘要： 对于表单输入，input是很好的选择，这次记录主要是正对input的value值字体在Android和iOS（11）设备下显示不同问题： 如下图：1、2的区别主要是分别设置disabled、readonly属性。对于设置了disabled的input框，字体颜色会同input:placeholder 阅读全文
posted @ 2020-11-11 11:20 し7709 阅读(527) 评论(0) 推荐(0) 编辑
2020年11月9日
调试F9/F10/F11/F8
摘要： 这篇随笔记录来自于实现活动促销页弹幕过程学习： // 页面加载完初始化方法$(function () { GetCustList(); createBarrage(); }) // 某功能的初始化方法 function GetCustList() { var successFun = functio 阅读全文
posted @ 2020-11-09 15:44 し7709 阅读(1364) 评论(0) 推荐(0) 编辑
2020年10月29日
活动促销相关页面
摘要： 一、js方面 1、关于冒泡：HTML页面元素是一层一层嵌套的，有这样一个案例：<div>标签里嵌套一个<a>标签对于父元素、子元素都有相应的点击处理操作时，需要设置不相互干涉，一般在里面，小范围的那里做处理（我现在是这样理解的，点击子元素时一定会触发父元素，这时候希望执行的是子元素的跳转，那就是取消 阅读全文
posted @ 2020-10-29 18:07 し7709 阅读(79) 评论(0) 推荐(0) 编辑
2020年10月28日
以rem为单位，数值较小，border-radius：50%部分浏览器渲染不圆方法
摘要： 元素使用rem做单位且较小时，对于border-radius:50%在部分浏览器不圆解决方法： 1、将原来宽高扩大至两倍（.1rem --> .2rem），再使用transform:scale(.5);transform-origin: 0% 50%进行缩放。 2、将元素rem单位换位px为单位。 阅读全文
posted @ 2020-10-28 09:10 し7709 阅读(280) 评论(0) 推荐(1) 编辑
2020年10月16日
line-height和height关系
摘要： 如图所示，line-height = font-size + 上下本行距。上下半行距总是相等。font-size居于中间。当font-size值固定时，line-height越大，半行距越大。所以当line-height=height时，能实现文字垂直居中。同理，当line-height < hei 阅读全文
posted @ 2020-10-16 11:34 し7709 阅读(197) 评论(0) 推荐(0) 编辑