html+css常用小笔记(持续更新)
outline:none;
-webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge *//*说明:该属性不加前缀不支持目前所有浏览器*/ user-select: none; /* Non-prefixed version, currently not supported by any browser */
注意:
在 IE < 10 和Opera < 15中我们需要在需要禁止选中的元素上面添加一个属性
unselectable="on",否则可能不会生效哦~不过现代浏览器如果不是非得兼容一些老的浏览器也可以不加。
- Trident内核:前缀为
-ms
- Gecko内核:前缀为
-moz
- Presto内核:前缀为
-o
- Webkit内核:前缀为
-webkit
以上为四大主流内核。
Konqueror内核:前缀为-khtml- 注: 该内核并不主流,有兴趣的可以百度做了解。
有两种方式:
1)禁止右下的拖拽按钮。(推荐这样)
resize: none;
2)固定大小。(但是右下角的按钮还是有,只是拖拽不会改变大小)
width: 350px; height: 150px; max-width: 350px; max-height: 150px;
background: url("Your Image URL");background-repeat: no-repeat;background-size:100% 100%;
background-size处理auto contain cover常规值 还可以填写百分比或者尺寸。第一个值为背景图宽 第二个为背景图高。
background-repeat: no-repeat; background-position: center;
background-position设置背景图对齐方式,可以设两个值,第一个x轴 第二个y轴。
方法一
margin: auto;position: absolute;top: 0; left: 0; bottom: 0; right: 0;
适用未知尺寸元素。
方法二
position:absolute; width:200px; height:400px; left:50%; top:50%; margin-left:-100px; /*设置为宽度的一半*/ margin-top:-200px; /*设置为高度的一半*/
适用已知尺寸元素
thead和tbodytbody就这么加border是不起作用的,一般的做法都是给thead和tbody里面的tr的td加边框,显然这不是个好解决方案。
table {border-collapse: collapse; } /*把table标签的border-collapse样式设置一下,就可以给thead设置边框样式了。*/
var str="怎样从一个Html页面中提取所有汉字呢?不能有其它Html代码。"; alert(str.replace(/[^\u4e00-\u9fa5]/gi,""));
<fieldset><legend>组标题</legend><!--内容--> </fieldset>
转载于:https://www.cnblogs.com/MirageFox/p/5452158.html
html+css常用小笔记(持续更新)相关推荐
- CSS(3)学习笔记——持续更新
本篇皆是本人长期记录并整理出来的笔记,如有记录得不对的地方,欢迎探讨.记录的很少,将不断学习不断补充. 1 选择器 CSS(3)中提供的选择器手册(w3school):http://www.w3sch ...
- Ubuntu 常用小命令(持续更新~)
目录 1.CPU信息查看 2.查看系统分区.文件夹及其大小 3.清空回收站文件夹 4.实时查看内存 5.手动释放内存(上条命令中显示的 buff/cache) 6.挂载与读取硬盘,具体参考博文 7.m ...
- linux常用命令笔记(持续更新)
xz文件解压 假设现在有个mysql.tar.xz文件,直接用tar命令解压肯定不行的,需要先用xz命令处理,再用tar -xvf命令解压 xz -d mysql.tar.xz tar -xvf my ...
- 重拾CCNA,学习笔记持续更新ing......(4)
重拾CCNA,学习笔记持续更新ing......(4) 路由器作用功能的经典解说(笑)(非原创) 假设你的名字叫小不点,你住在一个大院子里,你的邻居有很多小伙伴,在门口传达室还有个看大门的李大爷,李大 ...
- linux常用指令(持续更新)
linux常用指令(持续更新) 基本访问指令: 直接进入用户的home目录: cd ~ 进入上一个目录: cd - 进入当前目录的上一层目录: cd .. 进入当前目录的上两层目录: cd ../.. ...
- 工具篇:Git与Github+GitLib常用操作(不定期持续更新)
工具篇:Git与Github+GitLib常用操作(不定期持续更新) 前言: 写这个主要是打算自己用的,里边很多东西都是只要我自己看得懂,但是用了两个星期发现真是越用越简单,越用越好用,私以为得到了学 ...
- Unity3D小功能 小技巧 小教程 小原理(持续更新...)
Unity3D小功能 小技巧 小教程 小原理(持续更新...) 1.Unity的.NET版本是2.0 按道理来说,C#能用的功能Unity也能用,但是Unity的.NET却不是最新版 要是用一些别的D ...
- Android常用开发网址(持续更新)
2019独角兽企业重金招聘Python工程师标准>>> Android常用开发网址(持续更新) 环境搭建 android镜像 http://www.androiddevtools.c ...
- 程序员常用英语积累---持续更新
程序员常用英语积累---持续更新: Distribution: 分发 Direction : 方向 Description: 描述 Destination: 目标 Definition : ...
最新文章
- 机器人扫地机吸狗毛最好的_狗狗掉毛扫地机不好使?看看人家美国人的评测
- shell脚本中的坑
- 业务服务管理究竟为何可望而不可及
- 数学建模 TSP(旅行商问题) Lingo求解
- mySQL初学者一些最常用的命令行
- dhl:使用return RedirectToAction()和 return view()
- c语言课程设计加密程序,C语言课程设计文件加密解密.doc
- 用cookiecutter快速构建机器学习项目结构
- python os如何创建文件夹_Python怎样创建文件夹,怎样删除文件夹
- 8004.ros2中添加boost依赖库写法
- 56. mysqli 扩展库(3)
- java 邮件内嵌图片_(二)JavaMail创建包含内嵌图片的邮件
- 【mac】配置本地数据库
- Linux 编译安装 openssl库
- 联想主板9针开关接线图_收藏丨34个电气控制接线图、电子元件工作原理图
- WEB标准的学习和理解(一)何为WEB标准
- Bitnami redmine 一键安装包
- 2、bq Evaluation Software电流监测工具使用说明
- 版本控制系统的集中式和分布式
- 卷积滤波 英文_图形学之卷积滤波器