CSS概述 CSS指层叠样式表(Cascading Style Sheets) 样式定义如何显示HTML元素 样式通常存储在样式表中 把样式添加到HTML4.0中 是为了解决内容与表现分离的问题 外部样式表可以极大的提高工作效率 外部样式表通常存储在CSS文件中 多个样式定义可层叠为一 样式解决了一个普遍存在的问题 HTML 标签原本被设计为用于定义文档内容 通过使用<h1> <p> <table>这样的标签,html的初衷是表达这是标题 这是段落 这是表格这类的信息…

CSS定位(Positioning)属性 允许你对元素进行定位. CSS定位和浮动 CSS为定位和浮动提供了一些属性,利用这些属性 可以建立列式布局,将布局的一部分与另一部分重叠.还可以完成多年来通常需要使用多个表格才能完成的任务. 定位的基本思想很简单 它允许你定义元素框相对于其正常位置应该出现的位置,或者相对于父元素,另一个元素 设置浏览器窗口本身的位置.显然这个功能非常强大. 另一方面,CSS1 中首次提出了浮动,它以 Netscape 在 Web 发展初期增加的一个功能为基础.浮动不完全…

元素的边框(border)是围绕元素内容和内边距的一条或多条线 CSS border 属性允许你规定边框的样式 宽度和颜色 CSS 边框 在 HTML 中,我们使用表格来创建文本周围的边框,但是通过使用 CSS 边框属性,我们可以创建出效果出色的边框,并且可以应用于任何元素.元素外边距内就是元素的的边框 (border).元素的边框就是围绕元素内容和内边据的一条或多条线.每个边框有 3 个方面:宽度.样式,以及颜色.在下面的篇幅,我们会为您详细讲解这三个方面. 边框与背景CSS 规范指出,边框绘…

CSS框模型( Box Model)规定了元素框处理元素的内容 内边距 边框 和 外边距的方式 CSS框模型概述 可以用下面的模型图概述…

我们能够以不同的方法为链接设置样式. 设置链接的样式 能够设置链接样式的 CSS 属性有很多种(例如 color, font-family, background 等等).链接的特殊性在于能够根据它们所处的状态来设置它们的样式. 链接的四种状态 a:link-普通的 未被访问的链接 a:visited-用户已经访问过的链接 a:hover 鼠标指针位于链接的上方 a:active 链接被点击的时刻 a:link {color:#FF0000;} /* 未被访问的链接 */ a:visited {…

css字体属性定义文本的字体系列 大小 加粗 风格 和 变形(如小型大写字母(类似于大写字母字体变小了)) css字体系列 在css中 有两种不同类型的字体系列名称 1.通用字体系列 - 拥有相似外观的字体系统组合(比如 "Serif" 或 "Monospace")2.特定字体系列 - 具体的字体系列(比如 "Times" 或 "Courier") 指定字体系列 font-family 属性定义字体系列 body {font-…

CSS文本属性可以定义文本的外观 通过文本属性 您可以改变文本的颜色 字符间距 文本对齐装饰文本 对文本进行缩进等等. 缩进文本 把web页面上的段落的第一行缩进,这是最常用的文本格式化效果. css 提供了text-indent属性 该属性可以方便的实现文本缩进. 通过 text-indent属性 所有元素的第一行都可以缩进一个给定的长度,甚至该长度可以为负值. 这个属性最常见的用途是将段落的首行缩进,下面的规则会是所有短路的首行缩进5em p {text-indent: 5em;} 注意:一…

CSS相对定位 设置为相对定位(relative)的元素会偏移某个距离.元素仍保持其未定位前的形状,他原本所占的空间仍然保留 CSS相对定位 相对定位是一个非常容易掌握的概念,如果对一个元素进行相对定位,他将出现在她所在的位置上 然后 可以通过设置垂直或者水平位置 让这个元素相对于他的起点进行移动. 如果将top 设置为20px 那么框的位置就在顶部下方20px的地方 如果 left 设置为 30 像素,那么会在元素左边创建 30 像素的空间,也就是将元素向右移动. #box_relative…

CSS外边距 围绕在元素边框的空白区域就是外边距  设置外边距会在元素外创建额外的空白 设置外边距的最简单的方法就是使用 margin 属性,这个属性接受任何长度单位.百分数值甚至负值. CSS margin 属性 margin 属性 接受任何长度单位 可以是像素 英寸 毫米 或者 em margin 可以设置为auto 更常见的做法是为外边距设置长度值 下面的声明在h1元素的各个边上设置了1/4英寸的空白 h1 { margin:0.25in } 下面的例子为h1元素的思辨分别设置了不同的外边…

背景色 可以使用background-color属性为元素设置背景色 这个属性接受任何合法的颜色值. 可以使用background-image属性来喂元素设置背景图片. 背景重复 如果需要在页面上对背景图进行平铺,可以使用background-repeat属性. 属性值repeat导致图像在水平垂直方向上都平铺,repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺.. 默认的 背景图将从一个元素的左上角开始 . 背景定位.…