HMTL label标签
label标签和特定表单控件关联之后，如果用户在 label 元素内点击文本，就会触发关联的表单控件。就是说，当用户选择该label标签时，浏览器就会自动将焦点转到和label标签相关的表单控件上。
label标签常用于与checkbox或radio关联，以实现点击文字也能选中/取消checkb...[2018/10/20]
【echats】echats悬浮事件频繁触发、过于灵敏、快速抖动等异常现象，适用与tooltip有关【echats】echats悬浮事件频繁触发、过于灵敏、快速抖动等异常现象，适用与tooltip有关
方案：transitionDuration设为0；
如图，发现关闭tooltip后现象消失，猜测与tooltip有关。
经过仔细观察，鼠标在快速移动时tooltip会延迟移动，就是这个时间差，让鼠标悬浮在了tooltip上面，导致tooltip浮层阻止了地图的hover事件，然后tooltip...[2018/10/20]
HTML基本标签
HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页
...[2018/10/20]
css的再深入9（更新中···）
一 单位
1.px 就是一个基本的单位 像素
2.em 也是一个单位 用父级元素的字体大小乘以em前面的数字。如果父级没有就继承上一个父级直到body，如果body没有那就默认是16px。
3.rem 也是一个单位，只跟根节点<html>的字体大小有关，如果没有默认是16px。
...[2018/10/19]
关于html 中form表单的内标签和使用
表单标记
1.普通文本框： <input type=”text” name=”名称” value=”值”;不写value默认为空/>
2.密码框：<input type=”pa word” name=”名称” ...[2018/10/19]
CSS 垂直居中
方法一：外层给： display: table ---区别： 子元素的 width=100%;
内层给： display: table-cell; ...[2018/10/19]
css的高级选择器,后代选择器,子代选择器,并集选择器,交集选择器css的高级选择器,后代选择器,子代选择器,并集选择器,交集选择器
高级选择器:
后代选择器
子代选择器
并集选择器
交集选择器
一、后代选择器:
使用空格表示后代选择器,父元素的后代(包括儿子,孙子,从孙子)
也就是说,box类下的所有span标签 字体颜色都被设置为了红色
.box span{
color:red; ...[2018/10/19]
css 伪类选择器css 伪类选择器
伪类选择器一般会用在超链接a标签中,使用a标签的伪类选择器 遵循"爱恨准则",LoVe HAte /*没有被访问的a标签的样式*/
.box ul li.item1 a:link{
color: #666;
}
...[2018/10/19]
input属性为number时，如何去掉+、-号？
直接上答案
<style> input[type=''number'']{-moz-appearance:textfield;} input[type=number]::-webkit-inner-spin-button, input[type=numbe...[2018/10/19]
HTML——基本html标签
基本html标签
<html> ... </html> 定义HTML文档
<head> ... </head> 文档的信息
<meta /> HTML文档的元信息
<title> ....[2018/10/19]
vue移动端h5页面根据屏幕适配的四种方案
最近做了两个关于h5页面对接公众号的项目，不得不提打开微信浏览器内置地图导航的功能确实有点恶心。下次想起来了的话，进行总结分享一下如何处理。在vue移动端h5页面当中，其中适配是经常会遇到的问题，这块主要有死个方法可以适用。
方法一：引入淘宝开源的可伸缩布局方案
引入淘宝开源的可伸缩布局方...[2018/10/19]
一些不常用但又很有用的css小tips
1.box-sizing:border-box
box-sizing有三个属性：content-box(默认值) || border-box || inhreit。第一个自然不用说，比如我们设置一个div，宽度和高度都是100px，此时你给它加了padding:2px和border:1px ...[2018/10/19]
html常见标签和属性
主体
body中常见属性
属性
表格
列表
表单
其他
input字段属性
...[2018/10/19]
实现DataTables搜索框查询结果高亮显示
DataTables是封装好的HTML表格插件，丰富了HTML表格的样式，提供了即时搜索、分页等多种表格高级功能。用户可以编写很少的代码（甚至只是使用官方的示例代码），做出一个漂亮的表格以展示数据。关于DataTables的更多信息，请查看：http: www.datatables.club/、h...[2018/10/19]
CSS命名规范(规则)常用的CSS命名规则
CSS命名规范(规则)常用的CSS命名规则 头：header 内容：content/container 尾：footer 导航：nav 侧...[2018/10/19]
css 两边固定中间自适应布局的实现_CSS布局实例_CSS
解析四种常用方法以及原理：浮动、浮动内嵌 div、定位、flex。
浮动
<style type="text/c ">
.wrap {background: #eee; padding: 20px; }
p {margin: 0;...[2018/10/19]
如何替代即将淘汰的Flash方案？
欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~
本文由MarsBoy发表于云+社区专栏
| 导语 Web技术飞速发展的如今，我们在感受新技术带来的便捷和喜悦的同时，也时常在考虑着一个问题：老技术如何迁移。正如本文的主题一样，Flash技术在早年风靡在Web领域，曾经发挥着无尽力...[2018/10/18]
jQuery自适应-3D旋转轮播图
3D旋转轮播图
本例源于（站长之家实例http: c.chinaz.com/jiaoben/170215391070.htm）
其他相似示例（https: www.cnblogs.com/incredible-x/p/9688333.html）
自己研究重写了一遍。
一、先写静态的初始样式的...[2018/10/18]
JavaScript函数
JS高级
一、函数高级
1、函数回调
回调的函数
function callback(data) {}
逻辑函数
function func(callback) {
函数回调
if (callback) callback(data);
}
函数回调的本质：在一个函...[2018/10/18]
bootstrap fileinput +springmvc图片上传-krajeebootstrap fileinput +springmvc图片上传-krajee
引入的文件
<link href="https: cdnjs.cloudflare.com/ajax/lib bootstrap-fileinput/4.4.9/c fileinput.min.c " media="all" rel="stylesheet" type="text/c "...[2018/10/18]
css的再深入8（更新中···）
1.去滚动条的属性 overflow:hidden;
overflow-x:hidden; 水平超出的隐藏。
2.z-index 层次叠加 元素重叠 谁的值大谁在上面
(1) 父级出现position:relative；时候z-index失效
(2) 层叠元...[2018/10/17]
css的再深入7（更新中···）css的再深入7（更新中···）
1.transparent 透明的
2.placeholder 提示语
写页面
搞清结构层次，
保证模块化，让他们之间不能受到影响
(1) 元素性质
(2) 标准流
浮动带来的脱离文档流撑不起父级的高度的问题可以采用清除浮动的方式消除影响，...[2018/10/17]
CSS的继承和使用方式
CSS的继承
c 的继承指的是当标签具有嵌套关系时，内部标签自动拥有外部标签的不冲突的样式的性质。
在C 中有些属性不允许继承，例如，border属性没有继承性。多边框类的属性都没有继承 ，例如，padding 、 margin 、 background等。
示例：
<!DOCTY...[2018/10/17]
css文本内容显示省略号
文字显示省略号 width: 4.5rem; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
但是这个属性只支持单行文本的溢出显示省略号，如果我们要实现多行文本溢出显示省略号呢。 实现方式...[2018/10/17]
前端基础-- HTML别来无恙-前端基础-- HTML别来无恙-
HTML知识
HTML介绍
Web服务本质
浏览器发请求 --> HTTP协议 --> 服务端接收请求 --> 服务端返回响应 --> 服务端把HTML文件内容发给浏览器 --> 浏览器渲染页面
HTML是什么？
超文本标记语言...[2018/10/17]
CSS中filter属性的使用详解_CSS教程_CSS
filter 属性定义了元素的可视效果
blur
给图像设置高斯模糊。"radius"一值设定高斯函数的标准差，或者是屏幕上以多少像素融在一起， 所以值越大越模糊。
如果没有设定值，则默认是0；这个参数可设置c 长度值，但不接受百分比值。
...[2018/10/17]
深入理解CSS 选择器 _CSS教程_CSS
1. 选择器简介
◦【MDN】https: developer.mozilla.org/zh-CN/doc Learn/CSS/Introduction_to_CSS/Selectors
2. 选择器
◦简单选择器（Simple selectors）：通过元...[2018/10/17]
CSS中clip-path属性的使用详解_CSS教程_CSS
clip-path的使用
polygon
值为多个坐标点组成，坐标第一个值是x方向，第二个值是y方向。
左上角为原点，右下角是(100%,100%)的点。</p>
body {
background-color: #000;
}
...[2018/10/17]
css实现左侧固定右侧自适应的布局方式_CSS布局实例_CSS
一.浮动布局
1.先让固定宽度的div浮动！使其脱离文档流。
2.margin-left的值等于固定div的宽度相等。
.aside{
float: left;
width: 200px;
background-col...[2018/10/17]
适合0基础的web开发系列教程-教程概述
教程概述
各位网友大家好，我是夜鹰教程网的汤老师，从今天开始，我准备写一套web前端开发的教程。
适合0基础的朋友，从最简单的html开始。
力争做到学完全套教程能在IT行业就业的水平。
特别适合应届毕业生、已上班但是想转行的朋友、喜欢前端开发的业余爱好者。
学习路线为：
h...[2018/10/16]
驴妈妈旅游菜单导航带源码
个人因为转前端的原因，每天学一点和大家呢分享一点。然后今天抽空一边看手册一边敲，下面我会把代码附上。
style.c 文件
html文件
效果图
[2018/10/16]
html area标签详解
<area> 标签定义图像映射中的区域（注：图像映射指得是带有可点击区域的图像）。
area 元素总是嵌套在 <map> 标签中。
注：<img> 标签中的 usemap 属性与 <map> 元素 name 属性相关联，创建...[2018/10/16]
Bootstrap Modal多个弹出层顺序
Bootstrap Modal多个弹出层顺序与div的顺序关联。后来者居上：即div靠后的modal层弹出的时候会在上层。
比如上图所示，模态框2弹出的时候会在模态框1上面。
[2018/10/16]
运行时验证技术运行时验证技术
选用了轻量级的Jetty技术，运行在Java 6上; 支持大多数常用的Java API，但不支持一些比较高阶的API和框架，包括JDBC，JSF，Struts 2，RMI，JAX-RPC和Hibernate ...
文章过长，原文地址htt...[2018/10/16]
sass(scss）的安装与使用教程_CSS教程_CSS
CSS预编译器有 SASS LESS Stylus等等，SCSS是SASS3引入的新语法。那为什么要选择SCSS呢？那我只能说我喜欢啊！不管SASS也好，LESS也罢，还是Stylus都只是一种工具，各有各的优缺点，选择自己喜欢的用着舒服的就是了。没必要纠结这么多。 准备工作（注意：这是windo...[2018/10/16]
CSS的再深入5（更新中···）CSS的再深入5（更新中···）
页面布局
结构层：搭我们的页面框架。
布局层：针对框架内部结构进行排版。
不需要使用浮动解决的问题尽量不用。
使用浮动之后会使该元素脱标，并且该元素的margin。
div 盒子模型 ：
就是一个容器，可以装任何标签。
盒子实际占用的空间
盒子的实际宽高和高度
如何理解盒子模型 &...[2018/10/15]
css的再深入6（更新中···）
background-position 雪碧图
我们的html和c 中有三个属性可以向服务器发送请求，src href url。
overflow
(1) 值hidden 超出就隐藏
(2) 值scroll 出现滚动条
visi...[2018/10/15]
svg矢量图标在html中的使用, （知识点：1.通过h5中的css实现点击变色，2.一个svg文件包含多个图标)
svg矢量文件体积小，不变形，比传统的png先进，比现在流行的icon-font灵活。然而在使用过程中还是遇到了很多坑。今天花了一天时间把经验整理出来，以供后来者借鉴。如果您从本文收益，请留言mark一下。
这里我们要实现的功能是，一个svg文件包含多个图形，这样的好处是，网络请求次数少，加载快...[2018/10/15]
display:table和display:table-cell的妙用
display的table和table-cell一般情况下用的不多，所以很少有人去关注它，但他们两个联手起来会给你惊喜！
这里抛出这样一个问题，如下，让块里的多行文字垂直居中？一说到垂直居中就会想到，单行文字垂直居中line-height等于height；块级元素垂直居中，position定位或...[2018/10/15]
css控制一个元素点击后， 改变另外一个元素的状态
1.点击后改变子元素 .mycla :active span{ color:#00f; }
此方式在ios下不生效，chrome下正常
2.改变下一个兄弟元素 .mycla :active : hover+span{ color:#00f; }&nbs...[2018/10/15]
博客园 个人主页美化
刚入博客园，小白也要有一个“高大上”的个人博客页面啊，鼓捣了一下午，感觉自己棒棒的，
叉腰得瑟
个人感觉Simple的主页样式很美观，大气，哈哈
首先，在博客园后台管理的设置里，申请js代码的权限（默认是没有打开的）
申请的时候一定要有礼貌，有礼貌...[2018/10/15]
解析什么是绝对定位，相对定位与浮动解析什么是绝对定位，相对定位与浮动
在理解定位之前，先说一个概念，文档普通流，就是元素标签正常在HTML里的顺序，块级元素从上至下排列，行内元素从左到右排列。
绝对定位
绝对定位：absolute，元素相对于离它最近的已定位祖先元素进行移动，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块（一般是HTML元素，也可能...[2018/10/15]
HTML5 Web存储 页面间进行传值
在实际使用过程中，经常会遇到需要在页面间进行传值的情况，最初设想一定需要后端才能进行数据的存储和读取，或者在本地使用一个cookie进行保存，直到了解到HTML5 Web存储
使用HTML5的新特性可以在本地存储用户的浏览数据。相比之前的cookie，Web 存储更加的安全与快速. 这些数据不...[2018/10/15]
CSS的基本语法
W3School离线手册(2017.03.11版)下载：https: pan.baidu.com 1c6cUPE7jC45mmwMfM6598A
CSS（层叠样式表）
层叠样式表(英文全称...[2018/10/15]
margin的两个有趣现象：margin合并和margin塌陷
margin合并
当两个元素在垂直方向并列，分别设置margin值时会发生一个margin合并的现象
举个例子，有两个div，垂直并列，box1设置margin-bottom:20px，box2设置margin-top:50px，
<!DOCTYPE html>
<htm...[2018/10/15]
理解水平居中的几种表现理解水平居中的几种表现
CSS居中算是一个比较基础的问题，在实际运用中，需要考虑到的一般是两种情况，一种是主要是表现为文字，图片等行内元素的居中，一种是指 div 等块级标签元素的居中。
1.水平居中
text-align
【场景一】：在父元素中设置text-align:center实现行内元素水平...[2018/10/15]
css专业术语笔记
1. 属性
如height、color等，称作c 的属性。
2. 值
在c 中，如：10px, 50%, #ccc等这些都称作c 的值。比较常见的类型值有：整数值，数值，百分比值，长度值，颜色值
3. 关键字
特指c 里面一些很关键的单词。如solid、absolute、block等都是...[2018/10/15]
【HTML&CSS】基本的入门【HTML&CSS】基本的入门
在公司培训一段时间不久就去流浪了一段时间，现在回来重新捧起心爱的编程，特别亲切。
自学HTML&CSS,别人说了很多，这那这那的，无论简单还是困难，不亲自去俯下身子学习，怎么都学不会HTML和CSS。
当然这只是进阶的基础，买了两本，特别好，无论是内容的编排还是可学程度、排版和印刷，都...[2018/10/15]
【常见】移动端实例——图片无缝滚动
<!doctype html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width,user-...[2018/10/15]
详解HTML5将footer置于页面最底部的方法(CSS+JS)
本文介绍了详解HTML5将footer置于页面最底部的方法(CSS+JS)，分享给大家，具体如下：
JavaScript:
<script type="text/javascript">
$(function(){
fun...[2018/10/15]
经验首页