随笔分类 - HTML
摘要：参考：mossbaoo~ <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="wi
阅读全文
摘要：移动端拖拽-Document <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewpo
阅读全文
摘要：平时web开发时，在手机上，如果是要看控制台信息，都需要alert弹窗，这样很不友好.还会阻拦进程。 通过vConsole.js 重写console方法，实现了类似于微信小程序的移动端调试效果。 具体使用方法也很简单 。 <script src="http://wechatfe.github.io/
阅读全文
摘要：官网：https://www.swiper.com.cn/ var swiper = new Swiper('.swiper-container', { direction: 'horizontal', //默认是横向，可以设置竖向vertical Slides的滑动方向，可设置水平(horizon
阅读全文
摘要：一、媒体查询用法 @media 媒体查询包含一个可选的媒体类型和，满足CSS3规范的条件下，包含零个或多个表达式，这些表达式描述了媒体特征，最终会被解析为true或false。如果媒体查询中指定的媒体类型匹配展示文档所使用的设备类型，并且所有的表达式的值都是true，那么该媒体查询的结果为true.
阅读全文
摘要：文件->首选项->用户片段；搜索html.json；以下是一个标准的HTML模板。 { // Place your snippets for html here. Each snippet is defined under a snippet name and has a prefix, body
阅读全文
摘要：1.<br /> <!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>HTML换行显示的方式（<br />）</title> </head> <body> <p> 暴力真的可以解决一切，<br />帅真的可以当饭吃，<br />
阅读全文
摘要：1.white-space 属性设置如何处理元素内的空白。 normal 默认。空白会被浏览器忽略。 nowrap 文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。 pre 空白会被浏览器保留。其行为方式类似 HTML 中的 <pre> 标签。 pre-wrap 保留空白符序列，
阅读全文
摘要：最近在做iframe框架页面，遇到的一些问题，子类iframe框架的js不能操作父类页面的dom; 好在已经有前人探路。。。 1.js获取iframe中的元素 1.1 js在父窗口中获取iframe中的元素 方法1： 格式：window.frames["iframe的name值"].document
阅读全文
摘要：开发的时候很多莫名的间距，比如img，span没写在同一行，它就无耻地出现间隔； 再比如li标签横方向排列加上行级元素的display: inline-block;属性后，li标签没写在同一行，它也无耻地出现间隔。 所以翻阅很多自来资料，这里总结一下解决方法。。。先了解元素属性 块级元素（块级大多为
阅读全文
摘要：/* 清除滑条样式 */ ::-webkit-scrollbar { width: 0; height: 0; background: none; } /*chrome start*/ ::-webkit-scrollbar { width: 6px; height: 6px; } /* Track
阅读全文
摘要：在CSS3中，可以利用transform功能实现文字或图像的旋转、缩放、倾斜、移动这4中类型的变形处理。 浏览器支持：Safari3.1以上、Chrome8以上、Firefox4以上、Opera10以上浏览器支持该属性。 1.旋转 分别使用rotateX方法、rotateY方法、rotateZ方法使
阅读全文
摘要：这事还得从产品经理说起...... 1 <!doctype html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>模糊查询关键字高亮输入框</title> 6 </head> 7 <style> 8 * { 9 margin:0; 10
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>前端增删上下移文字计数</title> 6 </head> 7 <body> 8 <textarea id="textarea"></textarea> 9 1
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>jq实现去底部去顶部功能</title> 6 </head> 7 <style> 8 li { 9 height: 100px; 10 } 11 </style
阅读全文
摘要：转载自:https://www.cnblogs.com/lgx5/p/10030859.html 1. 基本选择器 基本选择器是JQuery最常用的选择器，也是最简单的选择器，它通过元素id、class和标签名来查找DOM元素（在网页中id只能使用一次，class允许重复使用）。所谓的网页中id只能
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>input,textarea,select默认字体样式设置</title> 6 </head> 7 <style> 8 input { 9 margin: 0;
阅读全文
摘要：1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>图片-定义select向下箭头样式</title> 6 </head> 7 <style> 8 * { 9 margin: 0; 10 padding: 0;
阅读全文
浙公网安备 33010602011771号