padding

##页面制作过程## 页面制作过程前言： <ul> <li>页面的制作过程</li> <li>如何划分区域</li> <li>划分区域中的CSS知识</li> </ul> ###页面制作过程### 由设计师设计好设计稿，再由我们前端工程师制作页面： <br>1.划分页面区域（最重要，且很复杂） <br>2.填充内容 ###如何划分区域### <ul> <li>用合适的元素来表示不同的区域(HTML)</li> <li>设置区域的位置、尺寸、背景等样式(CSS)</li> </ul> ###划分区域中的CSS知识### 每个元素都会在页面中生成一个矩形区域，CSS称该矩形区域为盒子(box) 盒子相关知识： <ul> <li>盒模型：单个盒子的组成</li> <li>视觉格式化模型：多个盒子的排列（盒子之间的相互作用和影响）</li> <li>布局：实际应用</li> </ul> ##盒模型## ###盒模型概述### ####盒子的分类#### 不同的元素产生的盒子类型可能不同，一个元素，产生什么样的盒子，取决于它CSS的display属性 <br>display:none=>不生成盒子 <br>display:innline=>行盒 <br>display:block=>块盒 <br>display:其他取值=>其他盒子 ####盒子的组成#### <br>margin:外边距

生成图形验证码校验类 package com.chao.createcode; import java.util.Random; import android.graphics.Bitmap; import android.graphics.Canvas; import android.graphics.Color; import android.graphics.Paint; import android.graphics.Bitmap.Config; public class Code { private static final char[] CHARS = { '2', '3', '4', '5', '6', '7', '8', '9', 'a', 'b', 'c', 'd', 'e', 'f', 'g', 'h', 'j', 'k', 'm', 'n', 'p', 'q', 'r', 's', 't', 'u', 'v', 'w', 'x', 'y', 'z', 'A', 'B', 'C', 'D', 'E', 'F', 'G', 'H', 'I', 'J', 'K', 'L', 'M', 'N', 'P', 'Q', 'R', 'S', 'T', 'U', 'V', 'W', 'X', 'Y', 'Z' }; private static Code bmpCode;

本篇文章主要讲述CSS3 transition规范和在不同浏览器之间的使用差异， 我要谈的是技术背景，主要讨论在使用CSS过渡的过程中所未预料到的问题。 结构 (HTML)，表现(CSS)，以及行为(JavaScript)相分离并不是什么新鲜的事情，然而 CSS 能跨越这个界限并且可以在短期内得到实际的应用，这还真的是一个完全不同的讨论话题。 几周前，我开发一个 JavaScript 模块，在能够使用 CSS 过渡的条件下，JavaScript 端又无法获取到实现过渡的方式。实际遇到的问题是这两者根本没有办法同步，经过多次的测试后，我只能放弃。而我的测试结果正是本文所讲述的。 首先，我们要说一下getcomputedstyle()，是一种用 JavaScript 返回浏览器渲染CSS的属性值的方法。 这个方法可以查看“ DOM Level 2: getComputedStyle() ”和“ CSS Level 2: Computed Values ”。 这对于像 font-size 这样的属性, 通过一个参数便可以转换为像素值。 但对于可以缩写的属性值，例如 margin ，一些浏览器则返回为空。再就是那些同一属性的不同属性值，例如 font-weight 的值 bold 和700。WebKit也有一个小bug，它会从伪对象中提取出属性值。

不得不说博客园自带的皮肤并不能满足所有人的审美。。。 好在博客园支持皮肤修改和自定义， 你如果学过html和css的话完全可以把界面玩出花来。。 没学过css的萌新也不用慌，按照下面的步骤做，可以拥有跟我一样风格的界面哦 第一步 　　去设置里点修改皮肤，找到simple memory这个皮肤模板，设为默认。 　　把禁用css模板的勾去掉（如果有的话）。 第二步 　　复制下面的css代码黏贴到页面定制css里，然后保存。 body { color: #000; background: url(https://img2018.cnblogs.com/blog/1440658/201809/1440658-20180904200409197-941112516.jpg) fixed; background-size: cover; background-repeat: repeat; font-family: "微软雅黑","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif; font-size: 12px; min-height: 101%; } #blogTitle h1 { font-size: 50px; font-family: Consolas; font-weight: bold; font-style: italic;

在折腾的好一阵之后，慢慢的对于园子的样式定制有了一些心得。最终借助李宝亨大大的牛气自定义皮肤终于翻身做主人了。 感觉好帅的说，下面简单写一下，具体定义皮肤的方式吧。 一、选择博客园模板 要选择一个在默认的模板中，对于样式定义较少的模板，这样才对于我们自定义的样式冲击比较小。毕竟园子现在还没有完全开放样式，模板的定义。除非大牛，将设计的模板上传。 目前被用于自定义样式使用最多的就是“LessIsMore”这个模板了，应该是这个模板中原式的CSS样式非常少吧。 二、设置博文正文的样式 样式定义的一个最重要的部分，就是对于文章内部的样式定义，好的样式定义能够让文章的内容和形式让人看起来更加清爽易懂哦。 在后台的“常用设置”选项卡中，找到自定义正文的样式的地方。 加入自定义的CSS代码，并且勾选“禁用默认CSS” 具体代码如下： /*公用*/ body { font-size:15px; padding:0; margin:0; font-family:"微软雅黑","宋体",Arial; background:#205424 url('http://mat1.gtimg.com/www/mb/theme/qqfs/one_lhj/wrapBg.jpg') no-repeat top center fixed; min-width:1200px; } #home { opacity: 0