排序:
默认
按更新时间
按访问量

前段不定宽高的div垂直居中

div{ position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); }

2016-09-16 21:23:30

阅读数:256

评论数:0

css3改变元素基点transform-origin

今天使用css3制作旋转动画,突然碰到了奇怪的现象,元素不是绕着自己的中心旋转。 后来调试发现使用了margin-top,转移了元素的位置,但是中心点没有移动。那么这样是不是多了一种改变元素基点的方法。 这种还是挺好用。 当然标准更多的是调整transform-origin trans...

2015-07-31 22:02:32

阅读数:2024

评论数:0

metinfo笔记

引入或者调用外部文件时:要在own.js中设置require('tem/js/amaze/amazeui.css'); require.async('tem/js/dahua/jquery.SuperSlide.2.1.1',function(){ jQuery("...

2015-07-28 23:21:35

阅读数:478

评论数:0

css3中的变形和动画(3)

rotate 旋转,通过rotate()函数指定旋转的角度,元素相对原点进行旋转, 如果是正值,顺时针旋转,负值,元素相对原点逆时针旋转。 skew(),扭曲倾斜,它可以将一个对象以其中心为之围绕着X轴和Y轴按照 一定角度倾斜,会改变元素的形状。使用时,分为三种情况:1、skew(x...

2014-12-10 08:57:36

阅读数:426

评论数:0

css3选择器

6-1.css3选择器 css3增加的属性选择器(通配符)  Element[attribute^="value"]  选择匹配元素Element,并且E元素定义了以value值开头的任意字符串的属性attribute值。  Element[attribute$=&quo...

2014-11-27 11:58:08

阅读数:470

评论数:0

css3学习笔记1

css3介绍 1.首先处理各版本浏览器兼容性 ---------------------------- | 前缀     |  浏览器 | -webkit  |chrome和safari | -------------------------- | -moz     |firefox | ----...

2014-11-26 11:45:49

阅读数:393

评论数:0

css3中关于伪类的使用

目标: css中after伪类,last-child伪类的使用。以及部分css3的属性。 过程: 在制作导航时,经常会遇到在每一个li后面添加一个分割符号,到最后一个元素的时候,分割符就会去掉的一种效果。 如图 那么制作这样的一个效果,怎么用纯css很简单的完成了。这里用到了css的伪类。 htm...

2014-11-20 22:16:03

阅读数:1116

评论数:0

phpstorm的一些基础设置和快捷键

1.关于代码字体大小的设置

2014-09-16 18:29:10

阅读数:831

评论数:0

css3控制多重动画效果

css3的动画效果。

2014-08-12 23:23:10

阅读数:933

评论数:0

css3多背景效果

css3实现多背景展示

2014-08-08 23:36:40

阅读数:541

评论数:0

纯 css实现tab切换效果

其实是使用锚点作为标记,通过点击实现了q

2014-08-08 23:30:15

阅读数:601

评论数:0

css3和html5的学习

html5基础

2014-06-01 23:29:50

阅读数:1775

评论数:0

关于display的block、inline、inline-block的联系和区别

display:block就是将元素显示为块级元素.   block元素的特点是:   总是在新行上开始;   高度,行高以及顶和底边距都可控制;   宽度缺省是它的容器的100%,除非设定一个宽度   , , , , 和 是块元素的例子。   display:inline就...

2014-05-21 11:49:24

阅读数:423

评论数:0

ie6关于css的不兼容

1:clip 定义和用法 clip 属性剪裁绝对定位元素。 当一幅图像的尺寸大于包含它的元素时会发生什么呢?"clip" 属性允许您规定一个元素的可见尺寸,这样此元素就会被修剪并显示为这个形状。 说明 这个属性用于定义一个剪裁矩形。对于一个绝对定义元素,在这个...

2013-11-06 17:26:38

阅读数:456

评论数:0

css hack

css中的width和padding  在IE7和FF中width宽度不包括padding,在Ie6中包括padding.  根据不同浏览器对CSS样式的支持程度,解析结果和识别CSS的优先级不同,设计师们就可以根据这些不同浏览器 的特点来书写不同的CSS样式代码。  IE6能识别下划线_...

2013-10-28 22:14:33

阅读数:470

评论数:0

解决IE6不兼容position:fixed

众所周知IE6不支持position:fixed,这个bug与IE6的双倍margin和不支持PNG透明等bug一样臭名昭著。前些天我做自己的博客模板的时候,遇到了这个问题。当时就简单的无视了IE6——尽管有几个使用IE6的朋友,一起BS我……但是对于大项目或商业网站,如果有用到这个属性的时候,是...

2013-10-26 13:03:38

阅读数:643

评论数:0

pre标签里面内容自动换行

pre{   white-space:pre-wrap;/*css-3*/   white-space:-moz-pre-wrap;/*Mozilla,since1999*/   white-space:-pre-wrap;/*Opera4-6*/   white-space:-o-pre-wra...

2013-10-21 19:28:33

阅读数:885

评论数:0

关于Form表单的action和onSubmit

Form中onsubmit和action的区别

2013-10-07 17:26:04

阅读数:898

评论数:0

insertAfter小函数

在Dom提供的方法中,只能在元素之前插入元素--insertBefore;或者在父级节点最后添加--appendChild; 实际的应用中,有可能会碰到在特定元素之后添加元素的。利用insertBefore和nextSiblinge可以解决这个问题 插入到这个文字之后 也就...

2013-10-01 21:47:42

阅读数:588

评论数:0

nextSibling和previousSibling中浏览器的兼容问题

在使用nextSibling和previousSibling查找下一个、上一个元素时,会碰到IE和火狐的浏览器兼容问题。 注释:Internet Explorer 会忽略节点间生成的空白文本节点(例如,换行符号),而 Mozilla 不会这样做。 元素节点的节点类型是 1,因此如果首个子节点不...

2013-10-01 20:57:55

阅读数:1119

评论数:0

提示
确定要删除当前文章?
取消 删除
关闭
关闭