摘要：会使用google字体网址：http://www.google.com/fonts/选择字体， quick use引用css：css文件中引用font-family：font-family: 'Lobster', cursive;使用 @font-face 使用本地字体网站logo若是英文字体使用@... 阅读全文

摘要：前几天在canvas——画板中做了个很简陋的画板，只能画简单的线条，可以选择颜色和线条粗度，今天在此简陋的画板上增加了新的形状，撤销，保存，橡皮擦等功能，虽然功能还是很简单，刚接触canvas，过程中还是遇到了很多困难。形状包括：铅笔、直线、直角矩形，圆角矩形、原型（利用圆角矩形能够画出很多其他好玩... 阅读全文

摘要：注意部分：canvas的height和width不能再css中设定，应该在html中设定，否则会影响页面的分辨率。效果图：图1：代码css：#canvas{ cursor: crosshair;}button{ width: 80px;}.yellowBtn{ background... 阅读全文

摘要：css相关知识：1. 使用box-shadow设置图片阴影,为照片加上阴影eg： box-shadow: 0 0 5px 3px #abc2. 使用tansform-origin定义变形原点eg: -webkit-transform-origin: 0 1px3. 使用transform变形，常用变... 阅读全文

摘要：今天发现很多国外的网站和框架设计都用到了before和after，之前使用的比较少，今天试了下觉得还是很有意思的~说明1. :before 和 :after将在内容元素的前后插入额外的元素；:before将会在内容之前“添加”一个元素而:after将会在内容后“添加”一个元素。在它们之中添加内容我们... 阅读全文

摘要：1.水平居中.div{ margin:0 auto; （或者 margin:auto;） width:500px; height:300px; } 2.使用margin水平垂直居中方式一：.div { text-align: center; line-hei... 阅读全文

摘要：今天在项目中遇到radio和文字对齐问题(ie不明显，火狐和google比较明显)，在此记录。1.浏览器默认文字大小为14px，因而当文字字体为14px时radio和checkbox与文字对齐良好，如下所示：Insert title here 1 2 3 4 ... 阅读全文

摘要：1. 边框（圆角边框、加阴影和用图片绘制）新增加 border-radiusbox-shadowborder-image.div1{ border:2px solid purple; border-radius: 25px; -moz-border-radius:25px;(火狐老版本) width:600px; height:300px; box-shadow:10px 10px 5px #888888; -webkit-border-image: url(border.png) 2 2 round;（chrome）}2.背景新增加 backgrou... 阅读全文

摘要：1.两者区别1）link属于XHTML标签，而@import是CSS提供的;2）页面被加载的时，link会同时被加载，而@import引用的CSS会等到页面被加载完再加载; 3）import只在IE5以上才能识别，而link是XHTML标签，无兼容问题; 4）link方式的样式的权重 高于@impo... 阅读全文

摘要：1. border-collapse该CSS属性用来设定表格的行和列的边框是合并成单边框，还是分别有各自的边框separate 缺省值。边框分开，不合并。collapse 边框合并。即如果相邻，则共用同一个边框。2. margin collapsemargin collapse，即边界塌陷或者说边界... 阅读全文