HTML/CSS杂项 - 随笔分类 - 花生米的小窝

CSS冲突：选择符的优先级

摘要：CSS冲突有两种：1、具体与不具体规则的冲突——越具体、离作用HTML元素越近的CSS规则被最终采用；2、选择符冲突——类选择符、ID选择符、HTML标签三者之间应用CSS的优先级顺序是：HTML标签 < 类选择符 < ID选择符阅读全文

posted @ 2012-10-30 20:57 花生米的小窝阅读(170) 评论(0) 推荐(0)

text-indent:-10em 隐藏按钮上的文字

摘要：如果采用了背景图像来作为按钮，图像本身就含有文字（比如“确定”），那就需要隐藏按钮上面的文字，采用text-indent:-10em的意思就是文字向左缩进10个字符，这样就把文章隐藏了阅读全文

posted @ 2012-10-28 20:51 花生米的小窝阅读(251) 评论(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)

overflow:auto;子元素浮动后父容器高度自适应问题

摘要：当一个父容器里面的子元素都浮动之后，子元素的高度将被忽略，所以父容器的高度不会被子元素撑高（除非另外设定高度），解决办法是给父容器添加如下规则：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)

标签的默认样式和清除默认样式（统一全局样式）的代码

摘要：大多数标签都有自己的默认样式，比如第二天课程中遇到的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)

花生米的小窝

公告