-
CSS中的变量
CSS中的变量一、变量的声明声明变量的时候，变量名前面要加两根连词线(--)。body { --foo: #7F583F; --bar: #F7EFD2; } body选择器里面声明了两个变量：--foo和--bar。 为什么选择两根连词线(--)表示变量呢，因为$foo被Sass用掉了，@foo被Less用掉了。为了不产生冲突，官方的CSS变量就改用两根连词线了变量名大小写敏感，--header-color和--Header-Color是两个不同变量二、var()函数用于读取变量。a { text-decoration-color: var(--bar); ...
2019-07-15 -
自适应网页和响应式图像
自适应网页手机的屏幕比较小，宽度通常在600像素以下，PC的屏幕宽度，一般都在1000像素以上同样的内容，要在大小迥异的屏幕上，都呈现出满意的效果。很多网站的解决方法，是为不同的设备提供不同的网页，这样做固然保证了效果，但是比较麻烦，同时要维护好几个版本。"自适应网页设计"的概念2010年，Ethan Marcotte提出了"自适应网页设计"(Responsive Web Design)这个名词，指可以自动识别屏幕宽度、并做出相应调整的网页设计允许网页宽度自动调整在网页代码的头部，加入一行viewport元标签设置页面缩放比例<meta name="viewport&qu...
2019-07-15 -
js中的剪贴板操作
目前，一共有三种方法可以实现剪贴板操作Document.execCommand()方法 异步Clipboard API copy事件和paste事件 Document.execCommand()方法是操作剪贴板的传统方法，各种浏览器都支持，该方法只能操作可编辑元素，如input、textarea标签或设置了contenteditable属性为true的元素一般的操作步骤：1、通过getElementById()等或querySelector[All]()方法选定元素 2、通过element.focus()方法聚焦到元素，粘贴等操作需要 3、通过element.select()方法选中文本...
2019-03-07 -
HTML中Audio/Video的常用DOM方法属性和事件
方法load()：重新加载音频/视频元素，用于在更改来源或其他设置后对音频/视频元素进行更新。 play()：开始播放音频/视频。 pause()：暂停当前播放的音频/视频。 属性autoplay ：设置或返回是否在加载完成后自动播放buffered ：返回表示音频/视频已缓冲部分的TimeRanges对象p.buffered.start(0) :第一段缓冲开始时间 p.buffered.end(0) :第一段缓冲结束时间 p.buffered.start(1) :第二段缓冲(如果有)开始时间 p.buffered.end(1) :第二段缓冲(如果有)结束时间 controls ：设置或...
2018-12-19 -
URL中的的井号
URL中的井号(#)一、涵义井号(#)代表网页中的一个位置，其右面的字符，就是该位置的标识符浏览器读取这个URL后，会自动将标识符位置滚动至可视区域。为网页位置指定标识符，有两个方法 使用锚点，通过a标签的name属性指定，如<a name="demo"></a> 使用id属性，通过元素的id属性指定，如<div id="demo"> 二、HTTP请求不包括井号(#)是用来指导浏览器动作的，对服务器端完全无用三、#后的字符在第一个井号(#)后面出现的任何字符，都会被浏览器解读为位置标识符，这些字符都不会被发送到服务器端。 如下面URL的原意是指定一个颜色值： http:...
2018-05-18