CSS3+HTML5特效4 - 横向无缝滚动 - html/css语言栏目： 关注热度:53

如果看完上一篇纵向滚动的朋友，就很容易理解横向滚动的实现方式了。实现原理：1 利用CSS3的@keyframes规则创建动画效果；2 使用CSS3的animation效果完成滚动切换。1 @-webkit-keyframes scroll..[详情]

CSS深入之label与input对齐! - html/css语言栏目：htm 关注热度:86

我想很多人都会碰到label与input 对齐的问题。这个东西本身不难，但是要做到与IE这个东西兼容确实有点头疼。参考各大门户网站的前端源码。 得一方法，以记录之：html确实很简单：帐..[详情]

纯CSS实现图像3D悬停效果 - html/css语言栏目：htm 关注热度:39

今天来看一个纯CSS实现的图像3D效果，请大家先到我的codepen里看看效果，效果如下图所示。左边为起始状态，右边为悬停效果。实现原理如下图所示，用div img装载图像的上半段， img:f..[详情]

[CSS] 当多个CSS文件对同一个元素属性进行设置， 关注热度:41

本文来自于我的个人博客，有兴趣的朋友可以过来瞧瞧：http: jerryzou comCSS作为Web前端的三剑客之一，有着极为重要的地位。它使得页面的表现与内容很好地分离开来，如今各大浏览器对..[详情]

DIV + CSS 布局入门 - html/css语言栏目：html.css - 自学 关注热度:45

在网页制作中，有许多的术语，例如：CSS、HTML、DHTML、XHTML等等。在下面的文章中我们将会用到一些有关于HTML的基本知识，而在你学习这篇入门教程之前，请确定你已经具有了一定的H..[详情]

DHTML实现 sprite - html/css语言栏目：html.css - 自学 关注热度:47

今天又来学习一个新的例子，sprite这里说的sprite不是css技术中的sprite，虽然有点相同。css的background-position属性使得HTML元素（如一个div）可以显示大背景图中的一小部分。因此一个大图像..[详情]

关于HTML语义化的一些理解 - html/css语言栏目：h 关注热度:35

语义化这个词我想大家都看到了无数次，特别是在一些招聘广告上。其实我自己也是，不过每次看到都觉得是那些招聘公司复制的，其实他们根本说不清语义化是什么，而且也根本不看..[详情]

CSS 动态进度条效果 - html/css语言栏目：html.css - 关注热度:43

30%样式 loadbar{width:280px;background-color: 000;border:1px solid 000;} bar{display:block;font-family:Arial,Helvetica, sans-serif;font-size:12px;background-color: 00d0ff;t..[详情]

纯CSS实现checkbox - html/css语言栏目：html.css - 自学 关注热度:43

纯css实现的checkbox，效果见我的codepen。关键在于把原生的input隐藏，用和他相关的label来探测单击事件。再就是checkbox里的对勾的实现，用右边和下边的边框组合，然后旋转而成。好吧，..[详情]

常用的CSS - html/css语言栏目：html.css - 自学php 关注热度:53

DIV等标签中的内容垂直居中: ****************DIV 内容垂直居中样式 Begin:************* verticalMiddle{display: -webkit-box;-webkit-box-orient: horizontal;-webkit-box-pack: center;-web..[详情]

用CSS指定外部链接的样式 - html/css语言栏目：ht 关注热度:34

大部分的信息类网站,比如维基百科,都会对外部链接(标签)指定特定的样式 作为用户,一 30524;就知道该链接是指向另一个站点的资源是很好的体验。许多网站在服务器端做外部链接检查..[详情]

设计html日期控件(支持日期显示、时间显示、格式 关注热度:65

日期控件，可任意设置日期、时间 26684;式。如图所示（png图片有色差，实际效果更佳）：-------------------------------------------------------------------------------------------------------------..[详情]

用css 给tbody加垂直滚动条 - html/css语言栏目：ht 关注热度:52

思路就是1，把tbody设置成display:block，然后就对其高度设置一个固定 20540;，overflow设置成auto。2，把thead的tr设置成display:block。3，因为都设置成block所以要给td手动添加宽度 width:200px代码如..[详情]

最好的 HTML5/CSS3 演示（PPT）框架 - html/css语言栏目 关注热度:44

随着互联网与信息技术的发展，人际之间的资源分享、观点碰撞越来越频繁。PPT是一个很好的展示和交流的方式，但是在网络实时呈现方面，桌面端的PPT程序显得无能为力。因此，基于..[详情]

CSS3 莲花盛开动画 - html/css语言栏目：html.css - 自 关注热度:56

See the Pen CSS3 Lotus by haiqing wang (@whqet) onCodePen 大家先来看看效果，纯CSS3实现，为了简化问题，使用LESS和prefix free。下面来开工，先看html CSS3制作莲花开放..[详情]

浏览器兼容性问题解决方案之CSS——已在IE、FF、 关注热度:60

在浏览器兼容之JavaScript篇已在IE、FF、Chrome测试和浏览器兼容性问题解决方法，已在IE、FF、Chrome测试中已经对浏览器中存在的CSS的兼容性和JS的兼容性进行了简单说明，现在继续对浏览..[详情]

CSS3 transition/transform - html/css语言栏目：html.css - 关注热度:52

Transition1 简写属性transition,可以包括四个属性，这四个属性的顺序按照下面介绍的顺序书写，即transition：property duration timing-function delay。2 transition-property表示属性值，例如width,height..[详情]

母版(html)为占位平反 - html/css语言栏目：html.css 关注热度:35

占位，占位 博客占位，是我们想做却有不能做的事。今天看到一句话：我的生命里，没有占位。很是霸气，但是今天我要唱一下反调，为占位平反。1 简介： 利用母..[详情]

CSS3+HTML5特效3 - 纵向无缝滚动 - html/css语言栏目： 关注热度:55

实现原理：1 利用CSS3的@keyframes规则创建动画效果；2 使用CSS3的animation效果完成滚动切换。CSS代码复制代码1 @-webkit-keyframes scrollText1 {2 0%{3 -webkit-transform: translateY..[详情]

CSS3+HTML5特效1 - 上下滑动效果 - html/css语言栏目： 关注热度:69

1 本实例需要以下元素： a 外容器 box b 内容器 border c 默认显示内容 front d 滑动内容 back2 外容器BOX的Height为200px，Width为200px；复制代码1 box1{2 position: relat..[详情]

CSS整理 - html/css语言栏目：html.css - 自学php 关注热度:52

CSS整理通过HTML文档、CSS文档、对应网页效果对CSS进行整理 *内部样式表* *text-decoration 属性大多用于去掉链接中的下划线,none为没有，默认：underline。background-color 属性规..[详情]

CSS学习篇核心之——定位 - html/css语言栏目：ht 关注热度:53

概述 关于CSS样式的进一步学习，我们今天主要学习下CSS的定位知识，定位就是定义我们的元素框由原来的位置在移动后所处的位置。关于定位有三种相对定位、绝对定位和浮动。 相对定..[详情]

容易被忽略CSS特性 - html/css语言栏目：html.css - 自 关注热度:42

CSS初学感觉很简单，但随着学习的深入才感觉CSS的水由多深，平常总会遇到各种坑，先总结一些经常遇到的坑大小写不敏感虽然我们平时在写CSS的时候都是用小写，但其实CSS并不是大小..[详情]

CSS hack查询对照表 - html/css语言栏目：html.css - 自 关注热度:47

CSS hack元素对照表 FF chorme IE6 IE7 IE8及以上 *html × × √ ×..[详情]

TI-Davinci开发系列之五CCS5.2使用gdbserver远程调试应 关注热度:53

上接博文《TI-Davinci开发系列之四CCS5 2使用XDS560v2在线调试ARM及DSP程序》使用gdbserver远程调试应用程序(gdbsever移植见博文《在ubuntu10 04成功移植gdbserver及gdbserver使用介绍(用于CCSV5 2远程调试..[详情]

鼠标划过div右上角显示删除叉,瀑布流效果 - htm 关注热度:41

效果图：CSS样式：body{margin:0;padding:0;background:url( bg gif) 0 0 repeat f7f5f5;color: 333;font-family:Cambria, Georgia, serif;font-size:15px;overflow-x:hidden;}a {co..[详情]

编写更好的CSS - html/css语言栏目：html.css - 自学 关注热度:43

编写好的CSS代码能提升页面的渲染速度。本质上，一条规则都没有引擎解析的最快。MDN上将CSS选择符归拆分成四个主要类别，如下所示，性能依次降低。ID 规则Class 规则标签规则通用规..[详情]

CSS清浮动处理（Clear与BFC） - html/css语言栏目： 关注热度:43

在CSS布局中float属性经常会被用到，但使用float属性后会使其在普通流中脱离父容器，让人很苦恼1 浮动带来布局的便利，却也带来了新问题复制代码1 !doctype html2 html lang=en3 head4 meta..[详情]

编写更好的CSS - html/css语言栏目：html.css - 自学 关注热度:34

编写好的CSS代码能提升页面的渲染速度。本质上，一条规则都没有引擎解析的最快。MDN上将CSS选择符归拆分成四个主要类别，如下所示，性能依次降低。ID 规则Class 规则标签规则通用规..[详情]

关于dom4j对xml文件实现增删改创的操作 - html/css语 关注热度:54

对xml操作的方式很多，这里主要讲的是dom4j jar对xml的解析方式，以及一些常规操作，源码很简单。创建xml截图：插入信息后截图：增加的事科教节点。修改信息截图：移除信息截图：以..[详情]