随笔分类 -  html+css

js移动、pc端笔记
摘要：联图网在线二维码生成接口// 获取支付二维码 getPayCode() { let para = { "MemberId": this.employeeId, "orderId": this.orderId, "payType": 7, }; this.adminApi(para,'获取支付二维码' 阅读全文
posted @ 2020-02-20 10:34 安心牧羊人 阅读(259) 评论(0) 推荐(0)
滚动文字图片
摘要：<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>不间断图片滚动在线演示 DIVCSS5</title> <script src="jquery-1.8.3.min.js" type="text/javascript" ></s 阅读全文
posted @ 2019-10-21 10:50 安心牧羊人 阅读(182) 评论(0) 推荐(0)
input禁用缓存
摘要：input 的属性autocomplete 默认为on其含义代表是否让浏览器自动记录之前输入的值很多时候，需要对客户的资料进行保密，防止浏览器软件或者恶意插件获取到可以在input中加入autocomplete="off" 来关闭记录方法一： 在不想使用缓存的input中添加 autocomplet 阅读全文
posted @ 2019-02-26 08:56 安心牧羊人 阅读(1655) 评论(0) 推荐(0)
css字体不让选中
摘要：class样式添加以下： div{ -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; } 阅读全文
posted @ 2018-09-15 13:00 安心牧羊人 阅读(995) 评论(0) 推荐(0)
css+不规则菜单
摘要：<style> .city { display: inline-block; margin: 20px 0 0 20px; padding: 5px 20px; border: 1px solid #44a5fc; color: #333; transform: skew(-45deg);}.cit 阅读全文
posted @ 2017-10-26 13:42 安心牧羊人 阅读(315) 评论(0) 推荐(0)
css超出省略号
摘要：如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来，当然还需要加宽度width属来兼容部分浏览。 实现方法： 效果如图： 但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。 接下来重点说一说多行文本溢出显示省略号，如 阅读全文
posted @ 2017-09-25 15:30 安心牧羊人 阅读(402) 评论(0) 推荐(0)
web前端代码规范
摘要：Web前端开发规范文档。目的是在写前端的时候更加规范化。 1、通用规范 TAB键用两个空格代替（WINDOWS下TAB键占四个空格，LINUX下TAB键占八个空格）。 CSS样式属性或者JAVASCRIPT代码后加“;”方便压缩工具“断句”。 文件内容编码均统一为UTF-8。 CSS、JAVASCR 阅读全文
posted @ 2017-09-25 11:15 安心牧羊人 阅读(294) 评论(0) 推荐(0)
修改输入框placeholder文字默认颜色css用法
摘要：针对placeholder来设置你自己想要的颜色 <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ 阅读全文
posted @ 2017-08-11 17:39 安心牧羊人 阅读(563) 评论(0) 推荐(0)
解决pc端选中效果
摘要：<style> *{ margin:0; padding:0; list-style:none;} body{ font:normal 14px/24px 'MicroSoft YaHei';} .cotrs{ width:960px; height:32px; line-height:32px; 阅读全文
posted @ 2017-07-12 16:44 安心牧羊人 阅读(249) 评论(0) 推荐(0)
CSS3 pointer-events允许鼠标点击穿透后面的元素
摘要：pointer-events：字面理解是点击鼠标事件，值分别是auto和none。 当使用pointer-events:none,表示它将捕获不到任何点击，而只是让事件穿透到它的下面。代码如下： 阅读全文
posted @ 2017-06-28 20:41 安心牧羊人 阅读(449) 评论(0) 推荐(0)
解决手机ios中 select input textarea 在手机端中会出现阴影
摘要：按照前辈意见，解决方案如下： input[type="text"] { -webkit-appearance: none;}textarea{ -webkit-appearance: none;} 按照前辈意见，解决方案如下： input[type="text"] { -webkit-appeara 阅读全文
posted @ 2017-06-28 19:49 安心牧羊人 阅读(2094) 评论(0) 推荐(0)
select 下拉美化 css+html
摘要：用cssselect下拉框的美化这个可以换种方式实现，首先select的样式每个浏览器都有其默认的样式，需要先去除这些默认样式，其次，select里面的样式诸如箭头，下拉框等等的样式，这里提供一种思路，就是在select的外层添加一个div，对这个div元素设置样式，select元素则是没样式，从而 阅读全文
posted @ 2017-06-10 18:03 安心牧羊人 阅读(2153) 评论(0) 推荐(0)
sublime生成html快捷标签布局
摘要：Child: > nav>ul>li<nav> <ul> <li></li> </ul> </nav> Sibling: + div+p+bq<div></div> <p></p> <blockquote></blockquote> Climb-up: ^ div+div>p>span+em^bq< 阅读全文
posted @ 2017-06-06 14:04 安心牧羊人 阅读(250) 评论(0) 推荐(0)
CSS强制性换行
摘要：一般情况下，元素拥有默认的white-space:normal（自动换 行，PS：不换行是white-space:nowrap）,当录入的文字超过定义的宽度后会自动换行，但当录入的数据是一堆没有空格的字符或字母或数字 （常规数据应该不会有吧，但有些测试人员是会这样子做的），超过容器宽度时就会把容器撑 阅读全文
posted @ 2017-06-05 17:32 安心牧羊人 阅读(264) 评论(0) 推荐(0)