自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

木子小姐

前端

  • 博客(11)
  • 收藏
  • 关注

原创 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 1064

原创 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 16968

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

三角的四个方向可修改,根据:border-top-color:;   border-bottom-color:;  border-left-color:;  border-right-color:;&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;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 3693

原创 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 1715

原创 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

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除