文章分类 - CSS
完美表现，兼容良好
摘要：简介： WeUI 是和我们手机上的微信界面保持一致的界面库，就是定义了一套CSS样式，我们把这个CSS引入到我们的页面后，根据它定义好的class，在我们的html标签上使用这些定义好的class样式，就会产生漂亮的标准的和微信一致的界面！ 在动手之前我们可以直接浏览一下官方的样例！看看到底符不符合
阅读全文
摘要：1 /* 1. CSS Resets 2 网络上关于CSS重置的代码非常多。本段代码是根据Eric Meyer’s reset codes进行改编的，里面包含一点响应式图片和所有核心元素的边界框设置，这样就可以保持页边距和填充可以很好地对齐。*/ 3 html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, sam.
阅读全文
摘要：常用的css命名规则头：header内容：content/container尾：footer导航：nav侧栏：sidebar栏目：column页面外围控制整体布局宽度：wrapper左右中：left right center登录条：loginbar标志：logo广告：banner页面主体：main热点：hot新闻：news下载：download子导航：subnav菜单：menu子菜单：submenu搜索：search友情链接：friendlink页脚：footer版权：copyright滚动：scroll内容：content标签页：tab文章列表：list提示信息：msg小技巧：tips栏目标
阅读全文
摘要：在页面的一侧需要一个固定的分类导航区块，不随着滚动条滚动，但窗口缩小到页面内容的时候，也不会遮住页面内容。<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Con
阅读全文
摘要：<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8" /><title>径向(放射性)渐变</title><style>div { width: 200px; height: 100px; margin-top: 10px; border: 1px solid #ddd;}.test { background: -moz-radial-gradient(center center, circle, #f
阅读全文
摘要：<!DOCTYPE html><html lang="zh-cn"><head><meta charset="utf-8" /><title>CSS3背景线性渐变</title><style>div { width: 200px; height: 100px; margin-top: 10px; border: 1px solid #ddd;}.test { background: -moz-linear-gradient(#fff, #333); background:
阅读全文
摘要：1 /* YUI 3.8.1 (build 5795) Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */ 2 html { 3 color: #000; 4 background: #FFF 5 } 6 body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { 7 margin: 0; 8...
阅读全文
摘要：现在的网页都是DIV+CSS来布局的，table布局时代早已经结束了，那table还能干什么呢？ 当然是现实数据了，这才是他的本事！表格框架要和CSS分离，还table纯结构，需要琢磨一下，下面是一个细边框的表格示例： 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org
阅读全文
摘要：情况描述： 当我们在制作网页的时候，会用到很多背景图片，图片都是一小块一小块的，当客户端请求的时候，每个小图都会发生一次服务器请求，这样会造成性能问题，解决这个问题的方法是把这些小图合并在一张大图，然后用定位的方式来显示大图的一小部分，这样就达到了我们要的目的。 但是，在合并后的大图里要精确定位小图的坐标，很费神的一件事，今天给大家介绍一个在线合并工具，非常的方便，地址是 http://csssprites.com/【软件截图】使用起来很方便哦~~ 嘻嘻。。。(*^__^*) 嘻嘻……
阅读全文
