清荷叶之家

表格元素包括table  tr th tdtable, th, td  {  border: 1px solid blue;  } （1）折叠边框上例中的表格具有双线条边框。这是由于 table、th 以及 td 元素都有独立的边框。如果需要把表格显示为单线条边框，请使用 border-collapse 属性。table  {  border-collapse:collapse;  }table,...

框架模型图：元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。提示：背景应用于由内容和内边距、边框组成的区域。内边距、边框和外边距都是可选的，默认值是零。但是，许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式...

CSS 语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明selector {declaration1; declaration2; ... declarationN }例：h1 {color:red; font-size:14px;}选择器可以以分组的概念td, ul, ol, ul, li, dl, dt, dd  {     font-family: Verdana, sans...

背景色p {background-color: gray; padding: 20px;}可以为所有元素设置背景色，这包括 body 一直到 em 和 a 等行内元素。background-color 不能继承，其默认值是 transparent。transparent 有“透明”之意。也就是说，如果一个元素没有指定背景色，那么背景就是透明的，这样其祖先元素的背景才能可见。背景图像要把图像放入背景...

CSS相对定位如果对一个元素进行相对定位，它将出现在它所在的位置上。然后，可以通过设置垂直或水平位置，让这个元素“相对于”它的起点进行移动。如果将 top 设置为 20px，那么框将在原位置顶部下面 20 像素的地方。如果 left 设置为 30 像素，那么会在元素左边创建 30 像素的空间，也就是将元素向右移动。{ position: relative; left: 30px; to...

设置文本颜色选择器  {color:red} or 选择器 {color:#00ff00} or 选择器  {color:rgb(0,0,255) }例：body {color:red}缩进文本选择器 {text-indent: 1cm}  （cm     文字高度 em      像素 px     百分币%）p {text-indent: 1cm}对齐文本选择器 {text-align: ce...

指定字体选择器 {font-family: sans-serif;}Serif 字体Sans-serif 字体Monospace 字体Cursive 字体Fantasy 字体如果读者没有安装 Georgia，但安装了 Times 字体（serif 字体系列中的一种字体），用户代理就可能对 h1 元素使用 Times。尽管 Times 与 Georgia 并不完全匹配，但至少足够接近。因此，我们建议...

设置链接样式能够设置链接样式的 CSS 属性有很多种（例如 color, font-family, background 等等）。链接的特殊性在于能够根据它们所处的状态来设置它们的样式。链接的四种状态：a:link - 普通的、未被访问的链接a:visited - 用户已访问的链接a:hover - 鼠标指针位于链接的上方a:active - 链接被点击的时刻文字颜色设置a:link {color...