2017年01月_Marvel__Dead

12月 11月 10月 09月 08月 07月 06月 05月 04月 03月 02月 01月

原创 CSS3-文本模型

在文本中常用的几个模型：text-overflowclip 修剪文本。ellipsis 显示省略符号来代表被修剪的文本。string 使用给定的字符串来代表被修剪的文本。overflow visible 默认值。内容不会被修剪，会呈现在元素框之外。hidden 内容会被修剪，并且其余内容是不可见的。scroll 内容会被修剪，但是浏览器会显示滚动条以便查看其余的内容。a

2017-01-25 01:24:52 866 1

原创 CSS3-颜色渐变--线性渐变+径向渐变

下面我要说的渐变是w3c的标准渐变，庆幸的是w3c的渐变目前PC所有浏览器都兼容支持。包括我在安卓机上的测试都支持（PC端测试IE,谷歌，火狐，搜狗等几个浏览器。移动端测试安卓系统，uc浏览器和自带浏览器。所有测试版本为2016年最新版本。）也就是说，我们只需要写w3c的标准就行了，但是在苹果和很多移动端浏览器，我们必须要加上webkit前缀的渐变。线性渐变W3C标准语法从官网copy下来的l

2017-01-24 21:10:07 1739 1

原创 CSS3-多列布局+resize+box-sizing+outline讲解

css3多列通过 CSS3，能够创建多个列来对文本进行布局 - 就像报纸那样Internet Explorer 10 和 Opera 支持多列属性。 Firefox 需要前缀 -moz-。Chrome 和 Safari 需要前缀 -webkit-。涉及相关属性column-count 分列的数量column-gap 分列间的距离column-width分列的宽度column-span

2017-01-21 17:12:12 1355

原创解决设置float样式后父级元素不适应问题

这是没有解决之前的样式:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style> *{margin:0;padding:0;} .box{border:1px solid #23D127;width:520px;margin:100px auto;} .box .page

2017-01-21 16:45:47 1869 1

转载 JS设置CSS样式的几种方式

JS设置CSS样式的几种方式用JS来动态设置CSS样式，常见的有以下几种 1. 直接设置style的属性某些情况用这个设置 !important值无效如果属性有’-‘号，就写成驼峰的形式（如textAlign）如果想保留 - 号，就中括号的形式 element.style[‘text-align’] =

2017-01-21 02:57:49 1414

原创 CSS3-JS-styleSheets的概述

下面通过代码进行解释:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style> .box{width:100px;height:100px;background:#30D716;} .box2{width:200px;height:200px;background:#DF2894

2017-01-21 02:47:03 1091 1

原创 CSS3-2D及3D效果以及过渡

CSS转动2D效果概念：通过 CSS3 中的属性，我们能够对元素进行移动、缩放、转动、拉长或拉伸。实现2D或3D效果。使用transform属性来实现，该属性的值是几个函数。主要2d转换函数：1.translate(x,y) 或者 translateX(n) 或者 translateY(n) 平移2.rotate(10deg) 旋转，2d旋转3.scale(x,y)或者scaleX(n)

2017-01-21 02:07:02 1219

原创 JSON的遍历方式

JSON遍历的几种情况都在代码中体现:<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><script> //第一种情况-遍历JSON对象,只有下面这种方式遍历 var json={"name":"FireLang","age":19}; for(var i in json){

2017-01-21 01:38:20 1077 1

原创 CSS3-JS-小练习

1.感觉可以做一个很不错的进入界面。<!doctype html><html><head><meta charset="utf-8"><title>无标题文档</title><style> .box{width:200px;height:200px;border:1px solid #2FD000;margin:300px auto;}</style><script>

2017-01-21 01:01:39 810

原创 CSS3-盒模型基本样式

paddingpadding 内填充(padding在元素的边框以内，内容之外，padding同样显示元素的背景，background-position的原点是padding的左上角) padding-top padding-right padding-bottom padding-left可视宽(高)=border+padding+width(height);marginmargin 外边

2017-01-13 18:54:53 877

原创 CSS3-font和字体基本样式

fontfont-size 文字大小font-weight 文字加粗(bold加粗/normal正常)font-style 文字倾斜(italic倾斜/normal正常)line-height 行高（文字在一行上下居中）font-family 字体 -------------------------------------font:font-weight font-style font

2017-01-13 16:10:25 1307

原创解决failed to push some refs to git

1.在使用git 对源代码进行push到gitHub时可能会出错，信息如下2.此时很多人会尝试下面的命令把当前分支代码上传到master分支上。 $ git push -u origin master 但依然没能解决问题3.出现错误的主要原因是github中的README.md文件不在本地代码目录中，或者本地的README.md和服务器那边不同步。4.可以通过如下命令进行代码合并【注：pull=

2017-01-01 21:31:19 974 1