HTML
zcy_csdn123
让不懂的人懂,你才真正的懂。
展开
-
meta标签
meta元素 标签提供关于HTML文档的元数据。元数据不会显示在页面上,但是对于机器是可读的。它可用于浏览器(如何显示内容或重新加载页面),搜索引擎(关键词),或其他 web 服务。 —— W3School 介绍一篇关于meta的文章:https://segmentfault.com/a/1190000002407912 下面写一下自己理解,作为学习使用。(基本为上篇文章抄写,为了给自己加深印原创 2017-08-24 17:11:19 · 205 阅读 · 0 评论 -
HTML CSS 特殊字体图标表
https://www.cnblogs.com/fml1com/p/5149269.html转载 2019-04-10 10:06:39 · 1308 阅读 · 0 评论 -
实现点击其他位置弹窗消失的方法
1、 对整个文档 document 添加监听事件2、div 添加tabindex 使其有focus blur 在blur时 使弹窗消失原创 2018-09-30 18:28:18 · 2232 阅读 · 0 评论 -
position:sticky粘粘性定位
https://blog.csdn.net/yesyoucan_/article/details/80506742转载 2018-09-28 16:34:35 · 272 阅读 · 0 评论 -
修改placeholder中的颜色
<style> input::-webkit-input-placeholder{ color:red; } input::-moz-placeholder{ /* Mozilla Firefox 19+ */ color:red; } input:-mo...原创 2018-05-15 10:47:56 · 1211 阅读 · 0 评论 -
锚点
锚点就是可以快速跳到页面的某个地方 基本方法就是 给标签设置好Name 或者Id 或者两者都有,然后在URL后面加上#AAA这样的跳到那部分。 主要说一下 scrollIntoView()这个方法 用法大致为document.getElementById(‘#AAA’).scrollIntoView() 就可以跳到相应的地方原创 2018-04-15 12:55:12 · 165 阅读 · 0 评论 -
下拉箭头点击旋转,再次点击旋转恢复
:class="{icon: true, iconTrans:abc}">.icon { position: absolute; top: 18px; right: 10px; width: 8px; height: 6px; background-image: url("../../assets/img/icon-t原创 2018-01-20 11:19:15 · 6000 阅读 · 0 评论 -
HTML5--视频,音频
视频<video src="movie.ogg" controls="controls">Your browser does not support the video tag.</viedo>1、当然你video支持三种视频格式 ogg、MPEG 4、WebM 2、video之间插入的内容是 不支持video元素的浏览器显示的。 3、不同格式的文件使用不同的浏览器。因此为了兼容,vide原创 2017-09-11 12:03:24 · 303 阅读 · 0 评论 -
不同jquery插件 版本不同造成的问题
最近在开发中遇到一个问题:我在同一个页面已用了两个jquery插件,但是这两个插件使用的jquery版本不同,所以总是不能同时生效。第一个想法是找一个都可以用的版本,但是我从1.几版本到3.几都试了,返现并不好使(说好的向下兼容性呢)。 于是我想到了或许使用iframe可以实现。 iframe iframe 元素会创建包含另外一个文档的内联框架(即行内框架)。 可以理解为一个页面中的另一个页原创 2017-08-28 11:25:50 · 644 阅读 · 0 评论 -
input表单内添加单位或者文字或者图标的方法
如上面图的需求。暂时想到两种方法 一、绝对定位.div2 span{ position:absolute; right:50%;}<div class="div2"> <label for="money">输入金额:</label> <input type="text" name="money"><span>$</span></div>原理很好理解,父级pos原创 2017-09-05 17:57:53 · 22763 阅读 · 0 评论 -
div水平垂直居中
我写着这篇的目的主要是自己在复习一遍水平垂直居中。 并有借鉴http://blog.csdn.net/freshlover/article/details/11579669中的方法。一、已知div宽高 例子:下面代码中的method1 父元素relative,子元素absolute 子元素:①top:50% left:50% 这会使子元素相对于父元素向右向下移动父元素50%宽高的距离,此时原创 2017-08-15 18:57:58 · 310 阅读 · 0 评论 -
viewport
viewport 是meta标签name属性的一个值。 基本用法<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">width:宽度(数值 / device-width)(范围从200 到10,000,默认为980 像素) height原创 2017-08-24 17:22:30 · 461 阅读 · 0 评论 -
ul的li float后居中的问题
ul li 水平排列并居中是一个常常会遇到的布局。 经常作为菜单栏、导航栏、tap标签栏等等。 虽然li float可以实现,但都比较麻烦,并且因为浮动了稍有不注意可能会影响布局,所以今天介绍个比较简单的方法。 display:inline-block 方法 将li display:inline-block, 并且在ul 上用text-align 既可以实现水平排列并居中。/* css */原创 2017-08-22 15:57:58 · 2297 阅读 · 0 评论 -
物理像素设备像素PX rem
https://blog.csdn.net/cout__waht/article/details/81697774转载 2019-04-10 11:50:32 · 137 阅读 · 0 评论