字符
十进制字符编号
实体名字
说明
---
�
---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---
	
---
制表符Horizontal tab
---
---
换行Line feed
---

---
未使用Unused
---

---
未使用Unused
---
---
回车Carriage Return
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
---

---
未使用Unused
......
绝对定位的元素的位置相对于最近的已定位祖先元素，如果元素没有已定位的祖先元素，那么它的位置相对于最初的包含块。
对于定位的主要问题是要记住每种定位的意义。所以，现在让我们复习一下学过的知识吧：相对定位是“相对于”元素在文档中的初始位置，而绝对定位是“相对于”最近的已定位祖先元素，如果不存在已定位的祖先元素，那么“相对于”最初的包含块。
注释：根据用户代理的不同，最初的包含块可能是画布或 HTML 元素。
提示：因为绝对定位的框与文档流无关，所以它们可以覆盖页面上的其它元素。可以通过设置 z-index 属性来控制这些框的堆放次序。
派生选择器
li strong {
font-style: italic;
font-weight: normal;
}
id选择器
#red {color:red;}
#green {color:green;}
类选择器
.center {text-align: center} ......
我所用的主题fstos在制作和测试阶段都用的ie6，因为是参照wordpress自带的几个主题写的，当时没有考虑css的兼容性问题，犯了“大跃进”错误（用firefox浏览简直是惨不忍睹），但由于工作很忙也没有时间修理它。这两天抽了些时间好好对他来了个大清理，出顺便将我遇到的主要问题总结一下，希望对大家有所帮助。
问题现象：ie中显示正常，firefox中却支离破碎。可大致总结为：有的本来居中的没有居中；本来在最下面的跑到上面来了；本来在一侧的结果到了别处；有的在100px处，可看起来像在105px（举例而已）处；同在一个父层中的两个子层，一个内容多些从高度上来说自然拉伸，但另一个子层却不跟着拉伸；一串英文过长超出了原设定的边界。接下来一个一个说：
1、本来居中的没有居中
在ie中显示是居中的（只需要设置body的text-align:center;不知道为什么感觉这样设置很奇怪。），在firefox中显示是靠左的即没有居中，重新检查了下发现需要设置margin来使相应对象居中：margin:0 auto; 设置的值的含义我就不说了。
2、本来在最下面的跑到上面来了
我采用的是footer单独一个行的布局，也就是说，在footer的左右是没有其他层的。在ie中显示为� ......
<!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; charset=utf-8" />
<title>JS+CSS相册展示</title>
<style>
*{ margin:0; padding:0; list-style:none}
body{ font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height:1.8;}
img{ display:block; border:0;}
h1,h2{ background:#85B829; line-height:2.5; font-size:14px; padding-left:10px; color:#fff;}
#pics{ border-left:3px solid #468C50; border-right:3px solid #99CC99; background:#B5DF63; float:left; width:750px;}
li{ float:left;}
a{ display:block; background:#fff; border:1px solid #A4D742; text-align:center; color:#598628; text-decoration:none; padding:5px; margin:10px;}
a:hover,a:active{ background:#99CC33; border:1px solid #85B829; border-left:1px solid #fff; border-top:1px solid #fff; color:#fff}
#showpic{ ......
要做个BS的网站项目，恶补一下CSS。
CSS常用属性：
字体属性
：(font)
大小 font-size: x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD
样式 font-style: oblique;(偏斜体) italic;(斜体) normal;(正常)
行高 line-height: normal;(正常) 单位：PX、PD、EM
粗细 font-weight: bold;(粗体) lighter;(细体) normal;(正常)
变体 font-variant: small-caps;(小型大写字母) normal;(正常)
大小写 text-transform: capitalize;(首字母大写) uppercase;(大写) lowercase;(小写) none;(无)
修饰 text-decoration: underline;(下划线) overline;(上划线) line-through;(删除线) blink;(闪烁)
常用字体： (font-family)
"Courier New", Courier, monospace, "Times New Roman", Times, serif, Arial, Helvetica, sans-serif, Verdana
背景属性
： (background)
色彩background-color: #FFFFFF;
图片background-image: url();
重复background-repeat: no-repeat;
滚动background-attachment: fixed;(固定) scroll;(滚动)
位置background-position: left(水平) top(垂直);
简写方法 background:#000 url(..) re ......
一.使用css缩写
使用缩写可以帮助减少你CSS文件的大小，更加容易阅读。css缩写的主要规则请参看《常用css缩写语法总结》，这里就不展开描述。
二.明确定义单位，除非值为0
忘记定义尺寸的单位是CSS新手普遍的错误。在HTML中你可以只写width="100"，但是在CSS中，你必须给一个准确的单位，比如:width: 100px width:100em。只有两个例外情况可以不定义单位:行高和0值。除此以外，其他值都必须紧跟单位，注意，不要在数值和单位之间加空格。
三.区分大小写
当在XHTML中使用CSS，CSS里定义的元素名称是区分大小写的。为了避免这种错误，我建议所有的定义名称都采用小写。
class和id的值在HTML和XHTML中也是区分大小写的，如果你一定要大小写混合写，请仔细确认你在CSS的定义和XHTML里的标签是一致的。
四.取消class和id前的元素限定
当你写给一个元素定义class或者id，你可以省略前面的元素限定，因为ID在一个页面里是唯一的，而clas s可以在页面中多次使用。你限定某个元素毫无意义。例如:
div#content { }
fieldset.details { }
可以写成
#content { }
.details { }
这样可以节省一些字节。
五.默认值
通常padding的默认值为0，background-color的默认值是tra ......
最新文章 :