自定义博客皮肤

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

添加删除 节点demo

<!DOCTYPE HTML><!--声明HTML文件--> <html><!--根标签,网页的开始--> <head><!--给浏览器看的信息--> <title>表格</title...

2017-11-21 17:18:43

阅读数 85

评论数 0

vertical-align使图片垂直居中的小细节

对于大小未知的图片如何垂直居中是大家经常会遇到的问题. 方法 : 可以设置父元素的行高line-height等于高度height,也就是说行高和高度一样,然后利用vertical-align:middle;达到垂直居中的效果,<!DOCTYPE html> <html lang...

2017-10-10 16:10:16

阅读数 162

评论数 0

css制作 平行四边形和梯形导航条

1.平行四边形 导航条 这个效果看起来不错吧!其实实现起来很简单平行四边形的制作运用了CSS 2D变形中的skew( ) 倾斜属性,因为我们只是在水平方向上倾斜 所以skew( x, y) 中的第二个参数指定为0,否则x,y 方向上都会发生倾斜 ul li{ posi...

2017-09-19 10:01:00

阅读数 917

评论数 0

输入框圆角

首先 说一下input 当鼠标点击输入框的时候 也就获取焦点的时候 input外会出现outline 但是这个outline 没有圆角 不想border有border-radius 这样就出现问题啦 input的border有border-radius 圆角 但是当获取焦点时的outline...

2017-09-06 16:36:10

阅读数 964

评论数 0

图片和文字在一行垂直居中

当图片和文本在一行的时候显示时 效果很奇葩 文字和图片根本对不齐 想让文本对齐在图片垂直居中这时候一般的方法是 图片 和 文本盒子 设置为 行内快(inline-block)图片给高度文本盒子不要给高度给他们都设置 vertical-align:middle;<!doctype ht...

2017-09-01 14:41:44

阅读数 708

评论数 0

float浮动的详解

首先我们来了解一下文档流: 文档流是文档中可显示对象在排列时所占的位置. (元素在页面中所占的位置) 这个了解了以后接下来我们就谈谈浮动:float float:指定元素设置元素的浮动 值: left – 左浮动 right – 右浮动 floa...

2017-08-30 21:13:42

阅读数 120

评论数 0

box-shadow

box-shadow:水平偏移量 垂直偏移量 模糊半径 扩展半径 颜色 inset内部阴影; X轴:正值往右,负值往左(必须) Y轴:正值往下,负值往上(必须) 模糊半径:圆心牧户半径,值越大,越模糊; 扩展半径:从阴影的中心点开始扩展; 颜色:阴影部分的颜色(必须); inset:...

2017-08-29 13:15:46

阅读数 147

评论数 0

选择器的优先级

通配符选择器(*) < 标签选择器 < class类选择器 < ID选择器计算优先级:比个数1 . 选择器相同时,后面的比前面的优先级高. 2 . 首先比ID个数,谁的ID多,谁的优先级就高. 3 . 比class ,谁的clas多,谁的优先级就搞. 4 ....

2017-08-29 13:06:43

阅读数 154

评论数 0

给元素添加背景图片

1 用行内元素-添加背景图片<ul> <li><span class="item1"></span>秋冬拗造型 .</li> <li><span class="item2&q...

2017-08-22 11:00:08

阅读数 455

评论数 0

css3 flex属性flex-grow、flex-shrink、flex-basis学习笔记

最近在研究css3的flex。遇到的flex:1;这一块,很是很纠结,flex-grow、flex-shrink、flex-basis始终搞不清,最经搜集了大量的介绍,应该能算是明白了。 网上大部分解释是 flex-grow 是扩展比率 flex-shrink 是收缩比率 flex-basis 伸...

2017-08-21 16:47:30

阅读数 171

评论数 0

了解一下 display:flex;

一 display:flex;Flex 是Flexuble Box的缩写,意为”弹性盒子”用来为盒状模型提供最大的灵活性.任何一个容器都可以指定为Flex布局..box{ display:flex; }行内元素也可以使用Flex布局..box{ displ...

2017-08-21 15:14:39

阅读数 122

评论数 0

块级元素和行内元素对比

行内/内联元素: 1 . 由内容撑开宽度和高度. 2 . 支持和其它行内元素在同一行显示. 3. 不支持设置宽度和高度. 4. 支持左右margin,不支持上下margin. 5. 上下padding只对自身有效果,会被其他元素无视. 6. 不能包含...

2017-08-21 11:43:40

阅读数 74

评论数 0

css 实现Tab切换

不废话直接上代码 <!DOCTYPE HTML><!--声明HTML文件--> <html><!--根标签,网页的开始--> <head><!--给浏览器看的信息--> <title>ple...

2017-08-16 14:14:29

阅读数 308

评论数 0

this指向问题

前言 开写前大家先来理解一下指向:指向,即目标方向、所对的方位。 很多人刚刚接触前端甚至一些“老”前端都经常会在JavaScript中所谓的难点,如this,原型,继承,闭包等这些概念中迷失了自我。接下来这篇文章会把我自己对于JavaScript中这些点通过指向的概念做个总结并分享给大家,希望...

2017-08-01 13:57:39

阅读数 155

评论数 0

把数组中的元素随机排列

突然间看到如何把数组中的元素随机排列问题 自己上网查了一下这个用到了原型的概念 就是给Array 的原型添加了一个方法:Array.prototype.shuffle=function(){ //var that=this就是将当前的this对象复制一份到that变量中。...

2017-07-28 17:10:12

阅读数 369

评论数 0

canvas 雨滴demo

这个就是canvas做的雨滴效果<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8">...

2017-07-11 15:47:57

阅读数 229

评论数 0

设置css元素的位置

首先来看一下代码position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);我开始没太在意 以为transform:translate(-50%,-50%); 这样把上面...

2017-07-04 14:12:55

阅读数 543

评论数 0

JavaScript 中 map 方法

1 , 之前没怎么用到过map方法 ,所以一直也没在意 ,今天正好用到了就和写一下如何使用map(). 先来看一小段代码//数组 var arr = [1,2,3]; //回调函数 function to(a){ return a*a; } //调用map var res = arr....

2017-06-29 11:16:10

阅读数 392

评论数 0

手风琴demo

进去把图片换一下<!DOCTYPE html><!--DTD文档声明类型 HTML5 --> <html> <head lang="en"> <meta charset="UTF-8"> ...

2017-06-27 20:30:43

阅读数 242

评论数 0

node.js 乱码问题

这两天一直在看node.js 的教学视频 这里说一下我忽略的 ,也许就是小白容易忽略的地方 1 node.js 中文件模块 我读写出来的内容都是乱码!!!这是为什么呢? 研究了半天 原来是我的 js 文件的编码格式不对 。把 js文件的编码格式改成“utf-8”问题解决

2017-06-23 11:41:18

阅读数 132

评论数 0

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