2017年08月_林夕_______

原创 html DIV+CSS让文字垂直居中

CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有valign特性的元素才生效，例如表格元素中的<td>、<th>、<caption>等，而像<div>、<span>这样的元素是没有valign特性的，因此使用vertical-align对它们不起作用。一、单行垂直居中p { he...

2017-08-28 14:01:57 792

原创 js 区分：阻止事件冒泡（stopPropagation）与阻止默认行为（preventDefault）

阻止事件冒泡： event.stopPropagation();事件代理用到了两个在JavaSciprt事件中常被忽略的特性：事件冒泡以及目标元素。当一个元素上的事件被触发的时候，比如说鼠标点击了一个按钮，同样的事件将会在那个元素的所有祖先元素中被触发。这一过程被称为事件冒泡；这个事件从原始元素开始一直冒泡到DOM树的最上层。event.stopPropagation() 方法阻止...

2017-08-25 15:28:56 738

原创 js 浏览器永久保存数据：localStorage

在浏览器中存储：var initial = $("#skinBg").attr("class");localStorage.setItem("skinOriginal",initial);解释：initial ：获取div #skinBg的class，保存为initial在浏览器中起一个名字：skinOriginal，用于保存：initial获取数据：var...

2017-08-24 13:48:56 5028

原创 css clac计算属性

calc()可以使用数学运算中的简单加（+）、减（-）、乘（*）和除（/）来解决问题，而且还可以根据单位如px,em,rem和百分比来转化计算。一个简单例子：child的高度就是计算属性算出来的。html>lang="zh"> charset="UTF-8"> http-equiv="X-UA-Compatible" content="IE=edge,chr

2017-08-16 19:11:58 1067

原创 js jq中$().eq()和$().find()的用法

$().eq()方法，将匹配元素集缩减到指定 index 上的一个。 $().find()方法，返回被选元素的后代元素。后代是子、孙、曾孙，依此类推。html>lang="zh"> charset="UTF-8"> http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> name="viewpor

2017-08-16 13:08:30 16971

原创 css css编写三角形和半圆

三角的四个方向可修改，根据：border-top-color:; border-bottom-color:; border-left-color:; border-right-color:;<!DOCTYPE html><html lang="zh"><head> <meta charset="UTF-8"> <meta

2017-08-16 11:38:31 880

原创 css 一列固定一列自适应布局-flex布局实现

flex布局，弹性盒子布局。声明了display:flex;即变为伸缩容器，在伸缩容器内的所有子元素将自动变成伸缩项目flex items.常结合使用的属性有 dispaly:flex; flex-flow:row; 伸缩项目单行排列或者flex-flow:column; 伸缩项目单列排列这里利用flex布局实现一列固定，一列自适应html>lang="zh">

2017-08-16 11:18:32 3694

原创 html div左右/垂直居中

html>html lang="en">head> meta charset="utf-8"> title>div居中title> meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1, maximum-scale=1">head>style> bod

2017-08-15 23:00:31 1716

原创 html title属性

title：鼠标滑过时显示的文字提示。注意：title属性可以用在除了base，basefont，head，html，meta，param，script和title之外的所有标签。块级、行内元素都可以使用。

2017-08-14 14:10:53 1005

原创 html 不规则table表格

tabletable{border-collapse: collapse;}1113212232

2017-08-10 21:56:11 6510

原创 html 文字滚动标签

本商城满300元起批，目前只配送郑州市区！中午12点前下单，次日必达。全场满赠（赠品：加厚环保塑料袋50个/把）单笔订单：满600元送3把，满1200元送7把，满2000元送12把，满3000元送19把，满5000元送29把。活动时间:8月1日--8月15日。

2017-08-10 21:35:06 620

木子小姐