分类目录归档:CSS & HTML

虚拟运营商UED前端小组4月25号分享总结

1.css3卡牌翻转效果2. 不声明第三个变量的值交换3.Zen Coding基本使用 继续阅读

发表在 CSS & HTML, html5 | 标签为 , , , | 留下评论

3月28日虚拟运营商ued前端小组的分享总结

3月28号分享的小伙伴们: @雷锋很忙灬 @灰客的微博
1. 在一行图文混排的文本里面图片添加 vertical-align: middle; 可以使得文本垂直居中显示
2.ie6下面一些兼容性问题的处理

2.ie6下面一些兼容性问题的处理 继续阅读

发表在 CSS & HTML | 标签为 , , , | 留下评论

手机端网页添加active状态效果_add active state in mobile page

1.需要把链接在移动端上默认的一层半透明的层删掉
a{-webkit-tap-highlight-color: rgba(0,0,0,0);}
2.给document绑定一个`touchstart`事件
document.addEventListener(“touchstart”, function(){}, true); 继续阅读

发表在 CSS & HTML, web development, 移动端开发 | 标签为 , , , , | 留下评论

手机端固定定位元素不可点击问题处理_mobile fixed element can not click issue

在安卓手机若一个div设置了固定定位,在给其隐藏后再控制让其显示,会出现不可点击 … 继续阅读

发表在 CSS & HTML, javascript & Ajax, 移动端开发 | 标签为 , , , , , , | 留下评论

ie6半透明最好解决方法DD_belatedPNG

使用DD_belatedPNG在页面加入ie6专用代码:
<!–[if IE 6]>
<script type=”text/javascript” src=”DD_belatedPNG.js”></script>
<script type=”text/javascript”>
/* EXAMPLE */
DD_belatedPNG.fix(‘.png_bg’);
/* string argument can be any CSS selector */
/* .png_bg example is unnecessary */
/* change it to what suits you! */
</script>
<![endif]–> 继续阅读

发表在 CSS & HTML | 标签为 , | 留下评论

IE下overflow:hidden 失效解决方法

在父元素上加上position:relative; 继续阅读

发表在 CSS & HTML | 标签为 , | 2 条评论

使用CSS3 3D transform实现网页3D效果_use css3 3d transform make 3d in page

在网页里面添加3d效果展示,需要在包裹内容的div wrap上加入perspective 透视属性,其子元素.cube要设置transform-style: preserve-3d;属性来进行3d显示,.cube 的子div需要设置transform的translate和rotate值来进行xyz轴的移动和旋转,以实现3d展示效果. 继续阅读

发表在 CSS & HTML, web development | 标签为 , | 留下评论

IOS下页面滚动到底部检测_Detect if the page scrolled to the bottom in IOS

在ios下检测页面是否滚动到底部会出现页面底部判断不准确的问题,这个时候需要在页面头部加入viewpor的meta:height=device-height
然后加入检测代码 继续阅读

发表在 CSS & HTML, javascript & Ajax | 标签为 , | 留下评论

安卓浏览器页面事件穿透问题处理_Android browser event cross issue

在安卓端页面如果给一个div使用overflow:auto,并设定一个固定高度,里面可以滚动的内容会发生事件穿透,点击其他区域,都会触发点击div里面的内容.

解决这个问题的方法是设置一个不可见的div来挡住事件的穿透: 继续阅读

发表在 CSS & HTML | 标签为 , | 留下评论

CSS2技术讲解_Margin、Padding and Border

Padding 指的是内容和内容边距之间的空间
Border指的是在方框每一边上的直线
Margin指的是一个标签和另一个标签间的间隔
Margin 和 padding的快捷设定
margin:0 5px 5px 5px ;
padding: 5px 5px 5px 5px;其顺序是:top right bottom left 等同于padding:5px;
若css属性上值为0;则可以简写,如 margin:0;
Margin:0 2em;指的是top和bottom为0;left和right为2em; 继续阅读

发表在 CSS & HTML | 标签为 | 留下评论

CSS2技术讲解_伪类和伪元素(Pseudo–classes and Pseudo-Elements)

a:link 未使用的链接(a)
a:visted 已经点击过的链接
a:hover 鼠标滑过时改变链接的效果
a:active 点击时展示链接效果 继续阅读

发表在 CSS & HTML | 标签为 | 留下评论

CSS2技术讲解_HTML族谱(Family Tree)

关键词:祖先,派生,父标签,子标签,同胞标签
祖先:一个标签A包含了另一个标签B,那么A是B的祖先,标签是所有标签的祖先。
派生:在一个或是更多标签内部的标签就是一个派生标签,图中是派生标签。 继续阅读

发表在 CSS & HTML | 标签为 | 留下评论

CSS2技术讲解_ID选择器与类(ID Selector And Class)

id选择器,我们从另一个方面思考,它和数据库表里面的主键是同一个作用,唯一标示,所以id是唯一的.
对于class我们可以联想到java中的类,对于同样的功能,我们使用或继承同一个类就可以了,不需要编写新的类,css中的class也是如此,同样的样式用同一个class实现。 继续阅读

发表在 CSS & HTML | 标签为 | 留下评论

CSS2技术讲解_DIV 和SPAN(Div And Span)

我们使用div对页面进行分割,使用span包含某一两个文字或者一段话。事实上,div实现了页面的布局,它来主持着页面的全局,而span对其中各个细微的地方进行修饰。 继续阅读

发表在 CSS & HTML | 标签为 | 留下评论

CSS2技术讲解_样式(Style)

一个样式实际上有两个部分组成,要进行设置的网页元素(选择器)和格式化指令(声明块)。
我们要对任何一个页面的元素进行样式的设定,这时选择器使得我们能够选定该元素,而再者就是对它的各个属性进行设定,实际上我们没有设定前它使用的是html默认样式。 继续阅读

发表在 CSS & HTML | 标签为 | 留下评论