CSS
风平
这个作者很懒,什么都没留下…
展开
-
CSS学习之 伪类和伪元素
利用伪类选择器和伪元素选择器可以为文档中不一定具体存在的结构指定样式,或者为某些元素(甚至是文档本身)的状态所指示的幻像类指定样式。 所在的伪类和伪元素关键字前面都有一个冒号。 链接伪类 链接是指有href属性的所有a元素,共有两个链接伪类。伪类名描述:link未访问过的链接:visited已访问过的链接原创 2012-05-28 15:04:05 · 518 阅读 · 0 评论 -
CSS学习之 颜色与背景
1、背景颜色 示例: body {background-color:white;}2、背景图像 示例: body {background-image:url(bg,gif);}3、背景图像的重复(background-repeat) 示例: body {background-image:url(bg.jpg);background-rep原创 2012-05-27 09:14:06 · 826 阅读 · 0 评论 -
CSS学习之 基本视觉格式化
1、基本框 CSS假定每个元素都有一个或多个矩形框,称为元素框。各元素框中还有一个内容区,内容区周围有可选的内边距、边框和外边距。 外边距可以为负值,但内边距和边框不能为负值。 元素的width属性被定义为从左内边界到右内边界的距离,height则是从上内边界到下内边界的距离。2、水平格式化 水平格式化往往比想像的要复原创 2012-05-26 09:59:55 · 587 阅读 · 0 评论 -
CSS中的一些重要术语
1、非替换元素 如果元素的内容包含在文档中,则称之为非替换元素。2、替换元素 是指用作为其他内容占位符的一个元素。经典的例子是元素。3、块级元素 是指段落、标题和div之类的元素。4、行内元素 是指strong或span之类的元素。它们是块级元素的后代,不会在之前或之后生成行分隔符。原创 2012-05-26 10:24:28 · 606 阅读 · 0 评论 -
CSS学习之 边框样式
1、边框样式(border-style) border-style属性定义了11个不同的样式,它们分别是:none(无样式)、hidden(同none)、dotted(点线)、dashed(虚线)、solid(实线)、double(双线)、groove(根据border-color的值画3D凹槽)、ridge(根据border-color的值画菱形框)、inset(根据border-原创 2012-05-26 17:54:44 · 1337 阅读 · 0 评论 -
css权威指南(第三版).pdf
CSS权威指南(第三版作者: [美] Eric A.Meyer译者: 侯妍 / 尹志忠出版社: 中国电力出版社出版年: 2007-10页数: 508定价: 58.00装帧: 平装ISBN: 9787508355948内容简介 · · · · · · 《CSS权威指南》(第3版)是著名的CSS专家Eric A.Meyer他原创 2012-05-26 10:32:35 · 6168 阅读 · 1 评论 -
CSS学习之 选择器篇
1、书写规则 CSS的一个核心特性就是能向文档中的一组元素类型应用某些规则。比如,想让元素的文本都显示为红色,可以这样写: h1 {color:red;}2、声明 声明的格式:一个属性后面跟一个冒号,再后面是一个或多个值(中间用空格分开),然后是一个分号。3、分组 假设希望h1、h2、p元素都有灰色文本。为达到这个目的,最容原创 2012-05-23 09:03:07 · 568 阅读 · 0 评论 -
网页中引入样式表的几种方法
一、直接在元素标签中使用STYLE属性:例如: 二、直接在网页中使用STYLE标签: 例如: body { color: yellow; background: #FFFFCC; font-size: 19pt}td,p { color:green; font-size: 9pt}-->三、使用 标签引入:假设我原创 2012-05-24 09:38:18 · 919 阅读 · 0 评论 -
CSS学习之 轮廓
1、轮廓样式(outline-style) 值:none | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit2、轮廓宽度(outline-width03、轮廓颜色(outline-color)4、轮廓样式、宽度、颜色可以用一个属性表示:outline.原创 2012-05-29 08:53:45 · 315 阅读 · 0 评论 -
CSS学习之 光标
改变光标(cursor) 值: | auto | default | pointer | croohair | move | e_resize | ne-resize | nw-resize | n-resize | se-resize | sw-resize | s-resize | w-resize | text | wait | help | progress | inherit原创 2012-05-29 08:50:29 · 289 阅读 · 0 评论 -
CSS学习之 文本属性
1、文本缩进(text-indent) 只能应用于块级元素。示例:p {text-indent:2em;}2、水平对齐(text-align) 值:left | center | right | justify(两端对齐) | inherit3、垂直对齐(vertical-align) 值:baseline(基线对齐) | sub(下标) | su原创 2012-05-29 08:40:43 · 331 阅读 · 0 评论 -
CSS学习之 字体
1、字体(font-family) 元素可以同时设置为多个字体,中间用豆号隔开。2、字体加粗(font-weight) 值:normal | bold(加粗) | bolder(更粗) | lighter(列细) | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900 | inherit3、字体大小(font-原创 2012-05-28 15:42:52 · 298 阅读 · 0 评论 -
CSS学习之 列表
1、列表类型 语法:li {list-style-type:decimal;} 属性值列表值描述none无标记。disc默认。标记是实心圆。circle标记是空心圆。square标记是实心方块。decimal标记是数字。decimal-leading-zero原创 2012-05-27 15:02:20 · 291 阅读 · 0 评论 -
CSS学习之 元素定位
1、定位类型(position) 取值:static(元素框正常生成)、relative(元素框偏移某个位置,原来所占空间保留)、absolute(不保留原占有空间,相对父元素位置偏移)、fixed(与absolute类似,但其父元素是视窗本身)。2、偏移属性 四个:top、right、bottom、left。3、限制宽度和高度 min-width、mi原创 2012-05-27 10:58:39 · 403 阅读 · 0 评论 -
CSS学习之 浮动
1、浮动(float) 值:left | right | none | inherit 默认值:none2、清除(clear) 值: left | right | both | none | inherit 功能:left(清除左边)、right(清徐右边)、both(两边都清徐)、inherit(继承)。原创 2012-05-27 09:22:35 · 240 阅读 · 0 评论 -
CSS 绝对定位
设置为绝对定位的元素框从文档流完全删除,并相对于其包含块定位,包含块可能是文档中的另一个元素或者是初始包含块。元素原先在正常文档流中所占的空间会关闭,就好像该元素原来不存在一样。元素定位后生成一个块级框,而不论原来它在正常流中生成何种类型的框。CSS 绝对定位绝对定位使元素的位置与文档流无关,因此不占据空间。这一点与相对定位不同,相对定位实际上被看作普通流定位模型的一部分,因为元素原创 2012-07-03 15:30:58 · 520 阅读 · 0 评论