1，Li列表 通过ul 和 li 的方式，我们可以构造出一些无序列表。通过ul+li，我们不仅可以做出一些漂亮的菜单，也可以做出一些完美的树形结构。 ul+li默认样式在前面有个小黑点，实际项目中我们可以通过背景来代替这个小黑点。下面我们看2个实例：http://demo.jb51.net/html/cssbackground/a1/demo1.htmlhttp://demo.jb51.net/html/cssbackground/a1/demo2.html2,文本替换 文本替换也是项目中比较常见的技术。实际开发中经常需要使用...
http://www.cnblogs.com/milkmap/archive/2012/02/09/2343880.htmlionicframework.com原文：http://www.cnblogs.com/Athrun/p/4683429.html
今天做了项目用到css，请教前端解决，第一个是记得css空格之间的关系是隶属关系，但是在元素中却是并列关系，如<div class="right_side_item_moban gray_border left"></div>中的空格就为并列关系，如果在css文件中空格则是隶属关系第二个是<div style="clear:both">,当某个元素有浮动，下面加个元素没有浮动时，下面的元素会飞上去，解决是在有浮动那个元素下面加个div去浮动的如： <div class="right_side_item_moban gray_borde...
一、前言兼目录索引《天龙八部》里的虚竹小和尚之前可以说是和尚的先进人物与代表模范，各类清规戒律谨记与严守。但是，后来呢，花姑娘送到跟前，什么戒律都成了浮云，禁不住诱惑享乐去了。啊，我现在似乎有类似的感觉，本来不打算深究CSS3的一些属性的，但是其效果以及实际应用价值之诱惑实在巨大，还是抵挡不住，折腾下了这篇文章。劳民伤财的工程越少越好，所以，这里干脆把CSS3 动画相关的几个属性凑合到一起了，这样，至少一年...
代码:<!doctype html><html><head><meta charset="utf-8"><title>Animate Demo</title><link rel="stylesheet" type="text/css" href="animate.min.css"><style type="text/css">
div{width:200px;height:150px;background-color:blue;}</style></head><body><div class="animated bounceInLeft"></div><div class="animated bounceOut"></div><div class="animated fadeIn"></div><div class="animated flash"></div><div class="...
今天要说这个问题就是这样的，先从插入CSS的三种方法说起： 外部样式（External Style Sheet） 当样式需要应用于很多页面时，外部样式表将是理想的选择。在使用外部样式表的情况下，你可以通过改变一个文件来改变整个站点的外观。每个页面使用 <link> 标签链接到样式表。<link> 标签在（文档的）头部： 复制代码代码如下:<head> <link rel="stylesheet" type="text/css" href="mystyle.css" /> </head> 内部样式（Internal Sty...
或许大家平时总是在用的选择器都是： id class 以及标签选择器。可是这些还远远不够，为了在开发中更加得心应手，本文总结了30个CSS3选或许大家平时总是在用的选择器都是：#id .class 以及标签选择器。可是这些还远远不够，爱创课堂为了在开发中更加得心应手，本文总结了30个CSS3选择器，希望对大家有所帮助。更多精彩关注：http://www.icketang.com/1 *：通用选择器* { margin:0; padding:0; }*选择器是选择页面上的全部元...
理解与应用css中的display属性 display属性是我们在前端开发中常常使用的一个属性，其中，最常见的有：noneblockinlineinline-blockinherit 下面，我将按照顺序将上述几种属性做一个完整的讲解。第一部分：display:none none这个值表示此元素将不被显示。比如，当我们在浏览网页时，如果看到了某个烦人的广告遮挡了我们的实现，更为可气的是，它还没有关闭的选项，这时（以chrome为例），我们就可以按下F12，打开开发者工...
1、jQuery/CSS3实现Android Dock菜单效果这是一款基于jQuery和CSS3的Android Dock菜单效果，点击底部的按钮即可让应用图标浮动上来，并且按钮也出现3D的翻转效果。jQuery是一款应用十分广泛的javascript类库，很多前端开发者都十分青睐jQuery框架。在线演示源码下载2、CSS3彩色进度条 按百分比显示不同颜色这是一款很不错的CSS3进度条应用，这款CSS3进度条和普通的不一样，它可以根据不同的百分比来显示当前进度的颜色，很像游戏中...
1.CSS常用属性??应用示例如下：<!DOCTYPE html>
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>css常用属性-背景</title><style type="text/css">#bg_CSS01{border: 2px #00ff00 solid;background: #ff00ff;width: 200px;height: 200px;}#bg_CSS02{border: 2px #00ff00 solid;background-color: #000000;width: 200px;height: 200px;}<!-- -->#bg_CSS03{border: 2px #00ff00 solid;bac...
动画在webapp的现状
webapp模式的网站追求的就是一个体验，是HTML5&CSS3浪潮下的产物，抛开体验不说，webapp模式门槛比较高；而体验优化的一个重点便是动画，可以说动画是webapp的一个亮点。但也是一个难点，一个痛点，主要原因是：移动端手机的碎片化严重。设备、型号、版本、分辨率等差异导致移动端需要考虑的主流情况达10多种，而Hybrid带来的webview可以让情况更加糟糕所以说，近两年想在移动端大范围的使用动画，或者使用weba...
这里讨论的都是关于边框属性border的极致应用，这些应用虽说有些剑走偏门，但在一些特殊的场合，可能还是会用得上的，如果你对HTML代码有洁癖，有切肤之痛，并且认为冗余的标签影响到你的视觉神经，那么你可以权当一种业余欣赏。作者：冰极峰博客地址：http://www.cnblogs.com/binyong这世界太疯狂，Border属性也搞模仿秀！这里讨论的都是关于边框属性border的极致应用，这些应用虽说有些剑走偏门，但在一些特殊的场合，可能还是会...
单纯Html配合CSS网页下面用程序来实际总结一下首先，在写程序的应该具有一个良好的编程习惯。第一：排版，拥有一个良好的排版，有助于我们能够快速的理解以及阅读程序；第二：注释，就如以下程序，作为一个非本人编写的程序，如果没有有效的注释，那么程序阅读以及修改起来是及其困难的；第三：模块化，模块化为了让我们程序员自己能够快速的看清结构布局，从而很好的去把握程序的每一步，以免在程序出现问题的时候不便于修改。 <!...
阴影box-shadow:<length><length><length>||color;<style type="text/css"> div{ -webkit-box-shadow:3px 4px 2px #000; -moz-box-shadow:3px 4px 2px #000; box-shadow:3px 4px 2px #000; padding:5px 4px;}</style><style type="text/css"> div{ text-shadow:5px -10px 5px red; color:#666; font-size:16px;}</style>背景background-size:10px 5px;-webkit-background-size:10px 5px;background-ori...
http://imweb.io/topic/5751983c3eef750438d5cb82justify-content: space-evenly;http://www.css88.com/archives/7760原文：https://www.cnblogs.com/992516410zhen/p/8460730.html
最近学习了雪碧图的使用，雪碧图的好处这块就不多说了，只说应用部分。