、html部分
1.取消iPhone自动识别数字为拨打号码
<meta name = "format-detection" content = "telephone=no">
2.移动开发、响应式布局
<meta name="viewport" content="width=device-width initial-scale=1.0 maximum-scale=1.0 user-scalable=yes"/>
二、css部分
1.字母强制大写
text-transform: uppercase;
2.解决iPhone中overflow:scroll;滑动速度慢或者卡的问题
-webkit-overflow-scrolling: touch;
3.防止复制,兼容主流浏览器
-moz-user-select : none;
-webkit-user-select: none;
4.固定背景图片
background-attachment: fixed;
5.去除iphone input默认样式
input {
-webkit-appearance:none;
}
-webkit-appearance 可用于渲染input风格,多用于移动端,有兼容性问题,请自行百度
6.设置表格的边框合并为一个单一的边框
border-collapse:collapse;
7.添加(显示)IOS下滚动条
.box::-webkit-scrollbar{
-webkit-appearance: none;
width: 14px;
height: 14px;
}
.box::-webkit-scrollbar-thumb{
border-radius: 8px;
border: 3px solid #fff;
background-color: rgba(0, 0, 0, .3);
}
8.文字超出部分省略号隐藏
.box{
width: 200px;
/** 单行显示隐藏 **/
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
/** 多行显示隐藏 **/
word-break: break-all;
text-overflow: ellipsis;
display: -webkit-box; /** 对象作为伸缩盒子模型显示 **/
-webkit-box-orient: vertical; /** 设置或检索伸缩盒对象的子元素的排列方式 **/
-webkit-line-clamp: 3; /** 显示的行数 **/
overflow: hidden; /** 隐藏超出的内容 **/
}
9.设置表格布局(我都不知道为什么我的笔记.txt里面会有这个...)
table{
table-layout:fixed;
}
10.如果想鼠标移动上去时显示被隐藏的文本内容,可以设置
.box:hover {
text-overflow:inherit;
overflow:visible;
}
11.css实现选中checkbox,文字内容颜色变化
<style> .tgl-light + .tgl-btn { background: #f0f0f0; border-radius: 2em; padding: 2px; -webkit-transition: all .4s ease; transition: all .4s ease; } .tgl-light + .tgl-btn:after { border-radius: 50%; background: #fff; -webkit-transition: all .2s ease; transition: all .2s ease; } .tgl-light:checked + .tgl-btn { background: #9FD6AE; } </style> <div class='tg-list-item'> <input class='tgl tgl-light' id='cb1' type='checkbox'> <label class='tgl-btn' for='cb1'>11111111111</label> </div>
想要学习或者了解web前端编程的小伙伴,可以私信小编【学习】web前端海量知识分享,欢迎初学和进阶中的小伙伴。
多人日常使用的浏览器不止一个,因为工作的需要经常要在多个浏览器切换。当我们需要用到不同的浏览器的时候,需要把收藏的书签网址导入导出到另一个浏览器。下面给大家介绍浏览器导入导出书签,以及删除书签的方法步骤,希望能够帮助到有需要的人。
我们使用浏览器的时候保存的网页网址就是书签,保存书签后方便以后随时查看。基本上每个浏览器都有书签功能,通过使用书签,我们可以大大提高工作效率。
1、打开常用的浏览器,这里以360安全浏览器为例,点击浏览器右上角的三个横图标(打开菜单),然后选择【收藏】,接着点击【导入/导出】;
2、在弹出导入/导出收藏夹窗口中,选择导出至HTML文件;在弹出的另存为窗口中,选择存放的位置,然后点击保存,这样就完成了书签收藏夹的导出。
1、打开多御安全浏览器https://www.duoyux.com/,点击浏览器的右上角的三个横图标,点击【设置】;
2、在打开的设置页面中,点击用户下面的【导入书签和设置】;然后在弹出来的导入书签和设置窗口中,选择以前导出的书签(HTML文件),最后点击选择文件;
3、在弹出的打开对话框中,找到之前从360安全浏览器导出的书签HTML文件,选中文件,然后点击打开,就会显示导入成功。
我们使用浏览器的时候,如果之前保存的书签已经不需要了,那么可以对不需要的书签进行删除。打开360安全浏览器,然后对着不需要的书签点击右键,然后在点击鼠标左键删除即可。
我们在工作生活中经常需要使用多个浏览器,因此学会导入导出书签是非常重要的。在多个浏览器切换使用的时候,能够正常使用保存下来的书签,帮助我们提高工作效率。当我们不需要某些书签的时候,要及时对书签进行整理,删除不需要的书签,这样书签收藏夹就不会乱七八糟的,方便我们迅速找到收藏的网页。
以上就是浏览器导入、导出以及删除书签的方法步骤。大家如果使用的浏览器和上面介绍的不一样,需要导入、导出、删除书签,也可以参考上面的方法步骤,因为浏览器书签的导入导出和删除方法是大同小异的。
了避免误删数据,删除前应该不要嫌麻烦弹出一个确认/取消询问窗口,以前免错删数据后无法恢复。网站的数据删除由用 户在客户端发起,所以弹出确认/取消询问窗口由javascript来完成,它弹出的询问窗口跟Windows系统弹出的一样。
javascript删除前弹出一个确认/取消询问窗口有几种方法,我们只介绍一种方便调用的方法,这样既便于在 javascript 代码中调用,又便于在 html 文件中调用。
一、javascript删除前弹出确认/取消询问窗口方法
为了方便调用,我们把它封装成一个方法(函数),以下就是具体代码:
从以上的删除代码来看,是使用了 windows 的 confirm 方法。confirm 括号中的“你确定要删除吗?”是弹 出询问窗口问用户的文字,可以根据自己的要求修改,当用户确认要删除(即单击了“确认”按钮),返回真;当用户取消 删除(单击了“取消”按钮),返回假。
二、应用举例(javascript删除前弹出确认/取消询问窗口方法)
假如用户选中了几条要删除的产品记录,用户单击“删除”后立即弹出一个“确认/取消”询问窗 口,只有用户选择“确认”后才删除,否则不删除,具体代码如下:
只要在每个要删除数据的javascript方法中直接调用删除前询问方法就可以了;当它返回真,执行删除操作,否则不删除 数据。
*请认真填写需求信息,我们会在24小时内与您取得联系。