摘要：
CSS冲突有两种：1、具体与不具体规则的冲突——越具体、离作用HTML元素越近的CSS规则被最终采用；2、选择符冲突——类选择符、ID选择符、HTML标签三者之间应用CSS的优先级顺序是：HTML标签 < 类选择符 < ID选择符 阅读全文
posted @ 2012-10-30 20:57 花生米的小窝 阅读(170) 评论(0) 推荐(0)
摘要：
如果采用了背景图像来作为按钮，图像本身就含有文字（比如“确定”），那就需要隐藏按钮上面的文字，采用text-indent:-10em的意思就是文字向左缩进10个字符，这样就把文章隐藏了 阅读全文
posted @ 2012-10-28 20:51 花生米的小窝 阅读(251) 评论(0) 推荐(0)
摘要：
CSS Sprites在国内很多人叫css精灵或css雪碧。它是把网页中一些背景图片整合到一张图片文件中，再利用CSS的背景图片定位到要显示的位置。这样做可以减少文件体积，减少对服务器的请求次数，提高效率……（标准之路：http://www.aa25.cn/div_css/896.shtml）讲CSS Sprites之前，先把背景图片给搞清楚#menu ul li a { background:#ccc url(images/nav_bg2.gif) 0 0 no-repeat; }css背景属性缩写后如上所示，#ccc表示背景色；url（）里是背景图片路径；接下来的两个数值参数分别是左右和. 阅读全文
posted @ 2012-10-26 16:35 花生米的小窝 阅读(285) 评论(0) 推荐(0)
摘要：
<ul><li>网站首页</li><li>音乐欣赏</li><li>美国文学</li></ul>以上代码实现了一个纵向无需列表，要实现横向列表有两种方法：1、给li元素加上float:left;属性2、给li元素加上display:inline;属性前一种方法更好，因为可以更加灵活的设置li元素的padding等属性 阅读全文
posted @ 2012-10-26 16:19 花生米的小窝 阅读(489) 评论(0) 推荐(0)
摘要：
出处：http://www.cnblogs.com/jtf-china/archive/2011/09/11/2173710.html博士第二年，其实博士生涯开始也没多久，我突然想放弃了，为此挣扎了很久，虽然挣扎的时间并不长，但是这个想法就想伊甸园的苹果，不断诱惑我，刺激我，左右着我的情绪。但是到了现在，逐渐淡了，我想我会继续坚持下去，拿到博士学位。我把我的这段心路历程记录下来，也许以后迷茫的时候，可以再翻翻。得益于发达的网络媒体，这个时代比以往任何时候都更充满诱惑：你上人人，看到以前的同学往返于国内外，周末出去游山玩水，喝酒唱歌；看到以前的同学开始谈婚论嫁，忙着结婚、领证、各种写真，恩爱幸福 阅读全文
posted @ 2012-10-26 15:51 花生米的小窝 阅读(168) 评论(0) 推荐(0)
摘要：
当一个父容器里面的子元素都浮动之后，子元素的高度将被忽略，所以父容器的高度不会被子元素撑高（除非另外设定高度），解决办法是给父容器添加如下规则：overflow:auto;这样就使父容器高度自适应。 阅读全文
posted @ 2012-10-26 15:40 花生米的小窝 阅读(755) 评论(0) 推荐(0)
摘要：
超链接伪类的CSS代码在编写时一定要按照下面的顺序，否则，有些浏览器可能不支持某些属性a:link { color: #06F; text-decoration: none; }a:visited { color: #999; text-decoration: line-through; }a:hover { color: #F00; text-decoration: underline; }a:active { color: #F0F; } 阅读全文
posted @ 2012-10-26 14:34 花生米的小窝 阅读(509) 评论(0) 推荐(0)
摘要：
文章出处：标准之路(http://www.aa25.cn)定位标签：position 包含属性：relative（相对） absolute（绝对） 1.position:relative; 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素"相对于"它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框）2.position:absolute; 表示绝对定位，位置将依据浏览器左上角开始计算。 绝对定位使元素脱离文档流，因此不占据空间。普通文档流中元素的布局就像绝对定 阅读全文
posted @ 2012-10-25 13:08 花生米的小窝 阅读(170) 评论(0) 推荐(0)
摘要：
大多数标签都有自己的默认样式，比如第二天课程中遇到的body默认外边距，另外本例中ul前的圆点及左侧的内边距，另h1-h6字体大小各不相同，em默认为斜体，strong表示粗体。正因为有这些默认样式，一个设计合理的页面，即使没有加载样式，也能让用户很容易阅读。但此时这些默认样式对我们没用，所以需要清除掉，为了方便，建议用标签重定义方式，这样可以很简单地把全局的样式给统一起来。另外页面中的图片添加链接后会默认添加个边框，ul默认情况下会在列表前添加圆点，这些都是需要去掉的。清除默认样式（统一全局样式）的代码：body, ul, li, h1, h2, h3, h4, h5, h6, p, fo. 阅读全文
posted @ 2012-10-25 13:06 花生米的小窝 阅读(17390) 评论(0) 推荐(0)
摘要：
按照如下代码编写的网页：<!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="Content-Type" content="text/html; 阅读全文
posted @ 2012-10-25 12:55 花生米的小窝 阅读(200) 评论(0) 推荐(0)
浙公网安备 33010602011771号