miss123  

2016年6月23日

摘要: 1.创建一个画布eg:<cnavas width=100px;height=100px; style="border:1px solid rgba(242 ,54,33,0.1)"></canvas> 2.绘制图像eg: 3.Canvas的路径: 4.canvas画圆 ctx.beginPath() 阅读全文
posted @ 2016-06-23 17:57 miss123 阅读(196) 评论(0) 推荐(0) 编辑

2016年6月14日

摘要: 1.p[class^/$/*=td]所有p标签的前面带有td/后面带有td/所有带有td的类的三种样式。 2.div:first-child/last-child/nth-child()在父元素下的第一个子元素/最后一个子元素/所有父元素下的子元素的选中数值 3.p:nth-of-type/firs 阅读全文
posted @ 2016-06-14 10:05 miss123 阅读(140) 评论(0) 推荐(0) 编辑

2016年6月13日

摘要: 1.属性选择器: 2.“:root”选择器等同于<html>元素。 3.:not选择器称为否定选择器,和jQuery中的:not选择器一模一样,可以选择除某个元素之外的所有元素。就拿form元素来说,比如说你想给表单中除submit按钮之外的input元素添加红色边框。 4.div:empty选择器 阅读全文
posted @ 2016-06-13 16:33 miss123 阅读(118) 评论(0) 推荐(0) 编辑

2016年6月12日

摘要: 一.边框 1.border-radius:x,y,模糊半径,color(x为负数时左移动,y为负数是上移动) 2.box-radius:x,y,模糊半径,阴影半径,color 3.border-image:url() 切割图片的大小 repeat/round(平铺)/stretch(拉伸)。(*) 阅读全文
posted @ 2016-06-12 21:26 miss123 阅读(129) 评论(0) 推荐(0) 编辑
 
摘要: 1.background-origin:border-box/padding-box()默认值/content-box背景图片从边框出现、从边距开始出现、在盒子的内容中出现。 2.background-clip:padding-box/border-box/content/背景图片的切割从边框出现、 阅读全文
posted @ 2016-06-12 21:01 miss123 阅读(176) 评论(0) 推荐(0) 编辑
 
摘要: text-overform:ellipsis省略号/clip裁剪。 overform:hidden溢出隐藏文字。 但是text-overflow只是用来说明文字溢出时用什么方式显示,要实现溢出时产生省略号的效果,还须定义强制文本在一行内显示(white-space:nowrap)及溢出内容为隐藏(o 阅读全文
posted @ 2016-06-12 18:58 miss123 阅读(731) 评论(0) 推荐(0) 编辑
 
摘要: 1颜色.color:rgba(R,G,B,A) R,G,B是分别代笔红,绿,蓝值是在0到255之间的数也可以是0.0% - 100.0%,A代表的是透明度0到1之间。 2.渐变.background-image:linear-gradient(to buttom, red,yellow) 注释:18 阅读全文
posted @ 2016-06-12 16:47 miss123 阅读(173) 评论(0) 推荐(0) 编辑
 
摘要: transform-style:其中flat值为默认值,表示所有子元素在2D平面呈现。preserve-3d表示所有子元素在3D空间中呈现则该元素的所有子元素都将被平展到该元素的2D平面中进行呈现。沿着X轴或Y轴方向旋转该元素将导致位于正或负Z轴位置的子元素显示在该元素的平面上,而不是它的前面或者后 阅读全文
posted @ 2016-06-12 15:27 miss123 阅读(102) 评论(0) 推荐(0) 编辑
 
摘要: text-shadow:offset-x:阴影水平移动,负值时向左偏移 text-shadow:offset-y:阴影垂直移动,负值时向上移动 text-shadow:radio-bluer:阴影到实体之间的距离 text-shadow:color:模糊半径,可选值假如没有指定,那么该值的初始值为0 阅读全文
posted @ 2016-06-12 10:43 miss123 阅读(665) 评论(0) 推荐(0) 编辑

2016年5月9日

摘要: 1.<big></big>定义大字体的文字 2.<blockquote>标记长的引用:</blockquote>请注意,浏览器在 blockquote 元素前后添加了换行,并增加了外边距。 3.<cite></cite>引用标签 cite标签是成对出现的,以<cite>开始,以</cite>结束 属 阅读全文
posted @ 2016-05-09 20:27 miss123 阅读(110) 评论(0) 推荐(0) 编辑