woyuanliulian-CSDN博客

转载关于axure的一些小知识

Axure是头大象，其实有很多不容易被大家注意到的功能。Axure以高度的自由度著称，用好了绝对是大杀器。本篇讲讲关于Axure的一些冷门小知识。一、手绘风格的原型其实Axure也是支持手绘风格的。具体设置在Project——>Page style editor我习惯使用英文版，中文版的对照图片找位置就可以了。点进去以后，找到Sketch Effects，把Sketc...

2019-01-04 10:11:33 1052

原创数组简单排序

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><script&a

2018-08-01 21:52:51 158

原创关于Array的一些方法

/*关于数组* 常用几个方法 pop push unshift shift concat / */var arr = new Array(1, 2, 3, 4);arr.push(5, 6);/*像数组末尾添加*/console.log(arr);/*1,2,3,4,5,6*/arr.pop();/*删除末尾一个*/console.log(arr);/*[ 1, ...

2018-08-01 21:52:02 170

原创 float

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0

2018-07-19 22:13:46 238

转载详解HTML5中的<aside>元素与<article>元素

<aside>元素HTML<aside>元素表示一个页面的一部分，它的内容跟这个页面的其它内容的关联性不强，或者是没有关联，单独存在。<aside>元素通常显示成侧边栏(sidebar)或一些插入补充内容。通常用来在侧边栏显示一些定义，比如目录、索引、术语表等；也可以用来显示相关的广告宣传，作者的介绍，Web应用，相关链接，当前页内容简介等。<asi...

2018-07-19 10:07:28 769

原创 outline

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> input:focus ,button:focus

2018-07-16 22:24:58 7881

原创溢出处理

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> #cont1 div ,#cont3 div ,

2018-07-16 22:15:47 560

原创盒子模型补白

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> ul{ padding:

2018-07-16 21:53:59 289

原创输入属性小结（一）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--input-

2018-07-14 23:21:42 185

原创 table小结（一）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> th,td{ border:

2018-07-13 23:33:00 218

原创 css滑动门

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> .menu{ margin:

2018-07-13 22:25:25 225

原创 css实现下拉菜单

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ margin: 0 ;

2018-07-13 22:01:15 158

原文：https://www.cnblogs.com/guhui1994/p/5906268.htmlCSS常见兼容性问题总结浏览器的兼容性问题，通常是因为不同的浏览器对同一段代码有不同的解析，造成页面显示不统一的情况。这里谈到的浏览器，主要指IE6/IE7/IE... FireFox Chrome Opera Safari 等。但更多的兼容还是考虑IE6/IE7/FF之间的斗争先来谈谈CSS ...

2018-07-13 17:04:33 152

原创关于列表记录（一）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--有序列表--

2018-07-12 21:39:56 201

转载关于css中em的值

使用CSS也好久了，但一直都是在使用“px”来设置Web元素的相关属性，未敢使用“em”。主要原因是，对其并不什么了解，只知道一点概念性的东西，前段时间在项目中要求使用“em”作为单位设置元素，所以从头对“em”学习了一回。稍为有一点理解，今天特意整理了一份博文与大家一起分享，希望对童子们有些许的帮助。这篇教程将引导大家如何使用“em”来创建一个基本的弹性布局，从而学习其如何计算？又是如何使用“e...

2018-07-11 22:29:30 2569

原创设计渐变的背景之-webkit-gradient

-webkit-gradient 做一个渐变的背景<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /

2018-07-10 22:30:27 9569

原创关于background的属性

我再webstorm中显示background显示出来的属性有这么多，对于我这个新手，我还是忍不住想看看这些属性background-position: 是定义显示的位置，他的取值包括两个，分别用来定位图片在x，y轴的坐标<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"&g...

2018-07-09 23:22:30 1651 1

原创 html5小结（二）

<!DOCTYPE html><html lang="en"><STYLE> .content { /* */ font-family: name; /...

2018-07-07 07:23:32 470

转载深入浅出vertical-align和line-height

2018-07-06 14:00:51 5648

原创 html的小结

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><!--attr--

2018-07-05 22:34:44 114

原创关于H5中oncontextmenu contenteditable 和data- 做个记录

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body><input ty

2018-07-04 17:20:29 292

原创 text-shadow &lt;gradient&gt; box-shadow

语法：text-shadow:h-shadow v-shadow blur color;ie9包含以下都不支持该用法h-shadow表示水平阴影的位置，允许负值，该值必需。v-shadow表示垂直阴影的位置，允许负值，该值必需。blur表示阴影的距离，color表示阴影的颜色，这两个值是可选的。注意：如果没有指定阴影颜色，那么将用元素的color属性值来替代；阴影颜色值可以放在前面，实际上它们的位...

2018-07-04 17:20:16 169

转载 CSS的计数器

CSS的计数器：counter-increment与counter-reset 前端兼容 11-19 当前位置：首页 > 前端兼容 > 正文CSS Counters其实就是一计数器，早期在CSS中计数器仅存在于ul和ol元素。如果要使用在div这样的元素上，只能通过list-style-image或者是元素的backgroud-image来实现。在CSS2.1的规范中介绍了一种新技术...

2018-07-04 17:19:45 261

转载 ::before和::after伪元素的用法

::before和::after伪元素的用法一、介绍css3为了区分伪类和伪元素，伪元素采用双冒号写法。常见伪类——:hover,:link,:active,:target,:not(),:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。::before和::after下特有的content，用于在css渲...

2018-07-04 16:06:08 156

转载 html特殊字符的html，js，css写法汇总

⇠ 箭头类符号UNICODE符号UNICODEHTMLJSCSSHTMLJSCSS⇠&#8672\u21E0\21E0⇢&#8674\u21E2\21E2⇡&#8673\u21E1\21E1⇣&#8675\u21E3\21E3↞&#8606\u219E\219E↠&#8608\u21A0\21A0↟&#8607\u219F\219F↡&am...

2018-07-04 15:50:05 249

原创关于背景透明，文字或者图片不透明的做法

今天遇到这个问题，然后上网搜索了一大堆资料，总的来说实现这个并不是很难，只是IE比较坑,要各种兼容1、可以写两个层级啊然后设置zindex就好了，这也是个办法但是如果用到opacity的时候IE8一下就不能识别了2，如果背景这个层级中添加了文字或者别的内容上面的就不能成功了如上图，这样里面的内容也是透明的因为如果父级元素设置了opacity，他的子集元素会继承所以将下面代码改下c...

2018-07-02 17:19:19 762

原创 H5语义化标签

HTML标准是这样写的：The section element represents a generic section of a document or application. A section, in this context, is a thematic grouping of content, typically with a heading.Examples of sections ...

2018-07-01 23:21:52 2932

转载 background 背景

所有背景属性都不能继承在CSS2.1里，background属性的简写方式包含五种属性值 – background-color, background-image, background-repeat, background-attachment, and background-positionCSS3开始，又增加了3个新的属性值注意：反斜杠可以在支持这种写法的浏览器里在position后面接着写...

2018-07-01 13:20:24 165

原创 html5中的拖拽行为

<!DOCTYPE html><html><head> <meta charset="utf-8"/> <title></title> <style> #div1{ border:1px green solid;

2018-07-01 00:37:48 547

转载 Animation CSS3

动画(Animation),是CSS3的亮点.//之一通过animation属性指定@keyframe来完成关键帧动画;@keyframe用法:　　@keyframes name { 0% { top: 0; }/*0%可用from关键字替代*/ 50% { top: 10px; } 100% { top: 0; }/*100%可用to关键字替代*/}由于是CSS3,所以不出意外的各...

2018-06-27 12:27:10 427

转载 JavaScript中最容易混淆的作用域、提升、闭包知识详解

一、函数作用域1.函数作用域就是作用域在一个“Function”里，属于这个函数的全部变量都可以在整个函数的范围内使用及复用。?123456789function foo(a) {var b = 2;function bar() {// ...}var c = 3;}bar(); // 失败console.log( a, b, c ); // 三个全都失败上面的“foo”函数内的几个标识符，放到函...

2018-06-26 14:49:21 98

转载关于this指向问题

首先必须要说的是，this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象（这句话有些问题，后面会解释为什么会有问题，虽然网上大部分的文章都是这样说的，虽然在很多情况下那样去理解不会出什么问题，但是实际上那样理解是不准确的，所以在你理解this的时候会有种琢磨不透的感觉），那么接下来我会深入的探讨这个问题。　　为什么要学...

2018-06-19 11:03:34 165

原创案例理解position的属性 relative absolute static fixed sticky inherit

w3school过了HTML的知识之后，觉得要自己单纯地去啃知识点有点枯燥，然后自己也很容易忘记，所以便找具体的网站练手便补上不懂的知识点。position:relative和postion:absolute困扰了我快一个星期之久，网上找到的资料鱼龙混杂，刚确定“这样”的理解之后，看另一份资料，发现“这样”理解是错了，就这样不断更正，并记录下来，最终整理出这份，以备参阅。若有错误，请指正。下面的结...

2018-06-14 14:14:03 643

转载 github入门到上传本地项目

GitHub是基于git实现的代码托管。git是目前最好用的版本控制系统了，非常受欢迎，比之svn更好。GitHub可以免费使用，并且快速稳定。即使是付费帐户，每个月不超过10美刀的费用也非常便宜。利用GitHub，你可以将项目存档，与其他人分享交流，并让其他开发者帮助你一起完成这个项目。优点在于，他支持多人共同完成一个项目，因此你们可以在同一页面对话交流。创建自己的项目，并备份，代码不需要保存在...

2018-06-11 16:50:39 111