摘要：CSS冲突有两种：1、具体与不具体规则的冲突——越具体、离作用HTML元素越近的CSS规则被最终采用；2、选择符冲突——类选择符、ID选择符、HTML标签三者之间应用CSS的优先级顺序是：HTML标签 < 类选择符 < ID选择符
阅读全文
posted @ 2012-10-30 20:57
10 2012 档案
摘要：如果采用了背景图像来作为按钮，图像本身就含有文字（比如“确定”），那就需要隐藏按钮上面的文字，采用text-indent:-10em的意思就是文字向左缩进10个字符，这样就把文章隐藏了
阅读全文
posted @ 2012-10-28 20:51
摘要：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
摘要：<ul><li>网站首页</li><li>音乐欣赏</li><li>美国文学</li></ul>以上代码实现了一个纵向无需列表，要实现横向列表有两种方法：1、给li元素加上float:left;属性2、给li元素加上display:inline;属性前一种方法更好，因为可以更加灵活的设置li元素的padding等属性
阅读全文
posted @ 2012-10-26 16:19
摘要：出处：http://www.cnblogs.com/jtf-china/archive/2011/09/11/2173710.html博士第二年，其实博士生涯开始也没多久，我突然想放弃了，为此挣扎了很久，虽然挣扎的时间并不长，但是这个想法就想伊甸园的苹果，不断诱惑我，刺激我，左右着我的情绪。但是到了现在，逐渐淡了，我想我会继续坚持下去，拿到博士学位。我把我的这段心路历程记录下来，也许以后迷茫的时候，可以再翻翻。得益于发达的网络媒体，这个时代比以往任何时候都更充满诱惑：你上人人，看到以前的同学往返于国内外，周末出去游山玩水，喝酒唱歌；看到以前的同学开始谈婚论嫁，忙着结婚、领证、各种写真，恩爱幸福
阅读全文
posted @ 2012-10-26 15:51
摘要：当一个父容器里面的子元素都浮动之后，子元素的高度将被忽略，所以父容器的高度不会被子元素撑高（除非另外设定高度），解决办法是给父容器添加如下规则：overflow:auto;这样就使父容器高度自适应。
阅读全文
posted @ 2012-10-26 15:40
摘要：超链接伪类的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
摘要：文章出处：标准之路(http://www.aa25.cn)定位标签：position 包含属性：relative（相对） absolute（绝对） 1.position:relative; 如果对一个元素进行相对定位，首先它将出现在它所在的位置上。然后通过设置垂直或水平位置，让这个元素"相对于"它的原始起点进行移动。（再一点，相对定位时，无论是否进行移动，元素仍然占据原来的空间。因此，移动元素会导致它覆盖其他框）2.position:absolute; 表示绝对定位，位置将依据浏览器左上角开始计算。 绝对定位使元素脱离文档流，因此不占据空间。普通文档流中元素的布局就像绝对定
阅读全文
posted @ 2012-10-25 13:08
摘要：大多数标签都有自己的默认样式，比如第二天课程中遇到的body默认外边距，另外本例中ul前的圆点及左侧的内边距，另h1-h6字体大小各不相同，em默认为斜体，strong表示粗体。正因为有这些默认样式，一个设计合理的页面，即使没有加载样式，也能让用户很容易阅读。但此时这些默认样式对我们没用，所以需要清除掉，为了方便，建议用标签重定义方式，这样可以很简单地把全局的样式给统一起来。另外页面中的图片添加链接后会默认添加个边框，ul默认情况下会在列表前添加圆点，这些都是需要去掉的。清除默认样式（统一全局样式）的代码：body, ul, li, h1, h2, h3, h4, h5, h6, p, fo.
阅读全文
posted @ 2012-10-25 13:06
摘要：按照如下代码编写的网页：<!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
摘要：作者：WEB标准之路 出处：http://www.aa25.cn/div_css/904.shtml3像素bug是IE6的一个著名的bug，当浮动元素与非浮动元素相邻时，这个3像素的Bug就会出现。看下面这个左列固定，右列液态的例子，css代码如下： body { margin:0;} #side { float: left; background:#99FF99; height: 300px; width: 120px;} #main { background: #99FFFF; height: 300px;}html代码如下：<div id="side">此
阅读全文
posted @ 2012-10-24 18:11
摘要：1.盒子模型的居中问题：在IE6及以上版本和标准的浏览器当中，当设置一个盒模型的的margin:auto;时，可以让这个盒模型居中。设定一个盒子居中之前，要给盒子设置一个宽度。2.不给盒子模型设定宽度时，盒子模型的宽度随着浏览器窗口的大小改变。3.关于外边距重合的问题：块级元素的垂直相邻外边距会合并，而行内元素实际上不占上下外边距，行内元素的的左右外边距不会合并。同样地，浮动元素的外边距也不会合并。4.块级元素(div)和内联元素(span)：（CSS块级元素、内联元素概念）块级元素：就是一个方块，像段落一样，默认占据一行出现；内联元素：又叫行内元素，顾名思义，只能放在行内，就像一个单词，不会
阅读全文
posted @ 2012-10-24 17:52
摘要：作者：mengdasheng 出处：http://bbs.jquery.org.cn/read.php?tid-3861.htmlHTML默认样式html, address,blockquote,body, dd, div,dl, dt, fieldset, form,frame, frameset,h1, h2, h3, h4,h5, h6, noframes,ol, p, ul, center,dir, hr, menu, pre { display: block }/*以上列表元素默认状态下一块状显示，未显示的将以内联元素显示，该列表针对HTML4版本，部分元素在XHTML1中将废弃*/
阅读全文
posted @ 2012-10-24 17:48
摘要：作者：现代简明魔法 出处：http://www.nowamagic.net/librarys/veda/detail/1190CSS文档流与块级元素（block）、内联元素（inline），之前翻阅不少书籍，看过不少文章， 看到所多的是零碎的CSS布局基本知识，比较表面。看过O'Reilly的《CSS权威指南》，发现里面提到的文档流概念让我很敏感。 可恶的是书中并没有解释文档流是什么东西，或许作者觉得这个太简单了以至于不值一提。但我觉得，这个概念实在太重要了。理解了它，一堆CSS布局的理论都 变得易于理解，并且体会到CSS这套设计的合理性所在。文档流将窗体自上而下分成一行行， 并在每行
阅读全文
posted @ 2012-10-24 17:47
浙公网安备 33010602011771号