css 记忆

1、CSS（Cascading Stylesheets，层叠样式表）是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。使用CSS 能够简化网页的格式代码，加快下载显示的速度，也减少了需要上传的代码数量，大大减少了重复劳动的工作量。尤其是当你面对的是有数百个网页的站点时，CSS 简直象是神对我们的恩赐！_ 前言CSS（Cascading Stylesheets，层叠样式表）是一种制作网页的新技术，现在已经为大多数的浏览器所支持，成为网页设计必不可少的工具之一。W3C（The World Wide Web Consortium）把动态 HTML（Dynamic HTML。

2、第一篇初识 CSS第 1 课章 Web 设计基础1.1 因特网和万维网1.1.1 何为因特网由许多计算机连接在一起构成一个网络，彼此之间的文件可相互访问1.1.2 何为万维网因特网的组成部分，一般上网输入 www,多媒体的集合，各个部分由超级连接而成，www.sian.com 新浪首页，称为网页， web 页，或 web 文档 1.2Web 技术的未来Web1.0，是以编辑为特征，网站提供给用户的内容是网站编辑进行编辑处理后提供的，用户阅读网站提供的内容。这个过程是网站到用户的单向行为，web1.0 时代的代表站点为新浪，搜狐，网易三大门户。Web2.0 则是以加强了网站与用户。

3、CSS 定位概述 (Positioning)1CSS 相对定位 12CSS 绝对定位 13CSS 浮动 15CSS 定位概述 (Positioning)CSS 定位 (Positioning) 属性允许你对元素进行定位。CSS 定位和浮动CSS 为定位和浮动提供了一些属性，利用这些属性，可以建立列式布局，将布局的一部分与另一部分重叠，还可以完成多年来通常需要使用多个表格才能完成的任务。定位的基本思想很简单，它允许你定义元素框相对于其正常位置应该出现的位置，或者相对于父元素、另一个元素甚至浏览器窗口本身的位置。显然，这个功能非常强大，也很让人吃惊。要知道，用户代理对 CSS2 中定位的。

4、复习：阅读下面 html 代码，回答问题：CSS 的特点：可以将格式与结构分离可以以前所未有的能力控制页面布局可以制作体积更小、下载更快的网页可以将许多网页同时更新兼容性好1、 这个网页引用 CSS 的方式是什么？（外部样式表/内部样式表）2、 这里定义的两种样式，它们的选择器类型是？选择器类型：类、标签、id 选择器类：以.开头，第一个字符必须是字母且类名中不能包含其它符号。标签：重新定义已有 HTML 标签外观id 选择器：以#开头，指定一种独立的样式。*伪类选择器：用于向某些选择器添加特殊的效果。常见的有锚伪类（例如a:link。

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

6、外部样式表内部样式表那么关于 CSS（样式表）的属性 有很多种，我给大家一个具体的地址http:/www.52css.com/css/因为样式不少，我们单单记住很麻烦，这个地方总结一些常用的出来，遇到不常用的我们再来翻资料。字体 Fontcolor 颜色示例 div color: #345456; div color: rgb(100,14,200); div color: menu; div color: red; font-family 顺序名称示例 div.fixedwidth font-family: Courier, “Courier New“, monospace font-size 尺寸font-size : absolute-size | relative-size | lengthabsolute-size : 根据对象字体进行调节。xx-small 。

7、css 样式中 ID，class，和标签属性 style 的区别(2011-03-31 22:33:36)转 载 标签： 教育共性我们可以用类选择符法定义，而个性就可以用 id 法来定义样式规则。回顾 css 样式的标签属性 style 用法我们之前已经初步学习了 CSS 样式使用方法，以及常用的一些样式规则。使用形式如下：. 我们这种 CSS 样式的用法虽然已经比传统的 HTML 标签来的更加优越，但还有许多时候还是存在缺点。譬如下面 HTML 内容：段落文字 1 段落文字 2 段落文字 3 我们很明显可以看出段落的样式都定义了完全相同的规则，如此重复，就有些代码冗余，能不能可以再简。

8、CSS 背景属性（Background）属性 描述 CSSbackground 在一个声明中设置所有的背景属性。 1background-attachment 设置背景图像是否固定或者随着页面的其余部分滚动。1background-color 设置元素的背景颜色。 1background-image 设置元素的背景图像。 1background-position 设置背景图像的开始位置。 1background-repeat 设置是否及如何重复背景图像。 1CSS 边框属性（Border 和 Outline）属性 描述 CSSborder 在一个声明中设置所有的边框属性。 1border-bottom 在一个声明中设置所有的下边框属性。 1border-bottom-color 设置下边框的颜色。

9、CSS技巧教程：10个在线CSS压缩工具 http:/www.yunyoubar.com/ 邮件群发 CSS压缩 工具可以自 动完成清理你的代 码的大部分工作。它们中的很多会告诉你你的文件被压缩的百分比，所以请多尝试几个以了解哪个是最好的。CSS Drive可选项: 压缩模式: 低、普通、高度压缩 注释压缩:不压缩、全部、或者长于某个特定值的。CSS Compressor可选项 (每个均可选Yes 或 No ): 重排属性 压缩色彩 压缩font-weight 小写化选择器 去除不必要的空间 去除不必要的分号Arantius可选项 (每个均可选Yes 或 No ): 去除注释 去除至少x字节长度的注释 每行一个规则C。

10、5.1.2 CSS 滤镜效果这里通过对图片使用滤镜效果来进行说明。滤镜效果可在创建 CSS 样式时，在弹出的“.c 的 CSS 规则定义”对话框中，通过设置“分类”中的“过滤器”获得，如图 5.25 所示。图 5.25 添加滤镜效果1Alpha 滤镜Alpha 滤镜是把一个目标元素与背景混合，可以指定数值来控制混合的程度，通俗地说，就是一个元素的透明度。通过 Alpha 滤镜指定点、线、面的透明度，其参数格式为Opacity=Opacity，FinishOpacity=FinishOpacity，Style=Style ，StartX=StartX，StartY=StartY，FinishX=FinishX， FinishY=FinishYOpacity 代表透明度。

11、CSS 教程1目录1CSS 基础 211CSS 简介 .212CSS 基础语法 213CSS 高级语法 414CSS 派生选择器 515CSS id 选择器 616CSS 类选择器 817如何创建 CSS 918CSS 背景 1219CSS 文本 17110CSS 字体 24111CSS 列表 26114CSS 轮廓 272CSS 框模型 2821CSS 框模型概述 2822CSS 内边距 3023CSS 边框 3224CSS 外边距 373CSS 定位 (Positioning)4131CSS 相对定位 4232CSS 绝对定位 4333CSS 浮动 444CSS 高级 .4541CSS 尺寸 (Dimension) 4542CSS 分类 (Classification)4643CSS 伪类 (Pseudo-classes)4744CSS 伪元素 (Pseudo-elements).51CSS 教程21CSS 基础1。

12、在学 CSS 之前学习 CSS 之前，首先应学会写 HTML。如果你对 HTML 还一无所知，请参见 HTML教程。CSS(Cascading Style Sheets)简介当初一帮技术人员想出 HTML，主要侧重于定义内容，比如 表示一个段落，表示标题，而并没有过多设计 HTML 的排版和界面效果。随着 Internet 的迅猛发展，HTML 被广泛应用，上网的人们当然希望网页做得漂亮些，因此 HTML 排版和界面效果的局限性日益暴露出来。为了解决这个问题，人们也走了不少弯路，用了一些不好的方法，比如给 HTML 增加很多的属性结果将代码变得很臃肿，将文本变成图片，过多利用 Table 来。

13、【转】 css滤镜 CSS幻灯效果 filters reve【转】 css滤镜/CSS幻灯效果/filters/revealTrans/滤镜/transition 2011年11月26 日CSS实现HTML控件幻灯效果样式：filters的幻灯效果有关参数详解。 语法： filter : progid:DXImageTransform.Microsoft.RevealTrans ( enabled=bEnabled , duration=fDuration , transition=iTransitionType ) 示范:参考文章: 属性： enabled : 可选项。布尔值(Boolean)。设置或检索滤镜是否激活。true | false true : 默认值。滤镜激活。 false : 滤镜被禁止。 duration : 可选项。浮点数(Real)。设置或检索转换。

14、常用 CSS 样式属性|CSS 样式表【长度单位】CSS 可使用长度单位单位 单位说明 范例pt Point，就像是 Word 里面的 Point 一样大小 font-size:10ptpx Pixels，依您屏幕分辨率而决定大小 font-size:10pxpc Pica，6 个 Pica 是一英吋 font-size:10pcmm 公厘，用过尺.这个设定值完全不会因为其它设定而改变 font-size:10mmcm 公分，不会因为使用者设定而改变 font-size:10cm% 百分比，大部分是指所在位置宽度或者长度百分比 font-size:10%【颜色表示】CSS 可用颜色表示方式表示方式 表示方式说明 范例#rrggbb 可以用 Windows 色彩选择工具找到 c。

15、CSS 之快速入门Hello，CSS本课程学习目录 1 本教材工具介绍2 HTML 简单复习3 CSS 新手认识4 CSS 应用 HTML视频文件大小：3.71MB 教学时间：18 分 12秒一本教材的工具介绍1 记事本a 网页语言脚本都属。

16、CSS 之 CSS Sprite【精灵】简单介绍：网页中存在很多图片，特别是小图标，都需要客户端发送服务器请求。所以为了减少发送请求数量，我们可以把所有的图标以及小图像包含在一个图像中。This is CSS Sprite .我有 6 张小图片下面我要把它们合到一张图片中，当然这需要软件，你可以百度看看有没有方便的 CSS Sprite 的软件。看，我做成了一张图片。下面我讲将这些图标用于页面上的。

17、第 1 页 共 5 页CSS 宽度CSS width一、宽度基础知识CSS 宽度是指通过 CSS 样式设置对应 div 宽度，以下我们了解传统 html 宽度、宽度自适应、固定宽度等宽度知识。传统 Html 宽度属性单词 ：width 如 width=“300“;CSS 宽度属性单词：width 如 width:300px;二、Html 初始 宽度与 DIV+CSS 宽度对照1、传统 html 中宽度 width=“300“，即设置对应元素宽度为300px（像素）。而宽度值后无需跟单位，默认情况下以像素（px）为单位。如： 我的 宽度为 300px即：设置了对应表格 td 的宽度为 300px.2、div css 中宽度设置 width:300px;，即设置。

18、css属性（css properties）CSS properties DaquanFont properties: (font)Size font-size: X-LARGE; (large) XX-Small; (minimal) general Chinese can not be used, as long as the value can be, units: PX, PDStyle font-style: oblique; (partial italic) Italic; (italic) normal; (normal)Line height line-height: normal; (normal) units: PX, PD, EMThe thickness of font-weight: (BOLD) bold; lighter; normal; (Figure) (normal)Variant font-variant: small-caps; (small capitalization) normal; (normal)Case text-transfo。

19、 感谢： 分享 官方网站：http:/www.sjvi.netCSS 目录1、CSS 历史 2、使用 CSS+DIV 的优点 3、感性体验 CSS 4、如何将样式表加入到网页 5、CSS 的语法 6、CSS 设计网页的经验 7、CSS Hack 汇总快查 8、DIV+css 的结构 9、DIVCSS 网页布局入门指南 10、CSS 的限制 11、学好 CSS 的流程1、CSS 历史 返回首页从 1990 年代初 HTML 被发明开始，样式表就以各种形式出现了，不同的浏览器结合了它们各自的样式语言，读者可以使用这些样式语言来调节网页的显示方式。一开始样式表是给读者用的，最初的 HTML 版本只含有很少的显示属性，读者来决定网。

20、1、字体属性(type)font-family(使用什么字体)font-style(字体的样式，是否斜体)：normal/italic/obliquefont-variant(字体大小写)：normal/small-capsfont-weight(字体的粗细)：normal/bold/bolder/lithterfont-size(字体的大小)：absolute-size/relative-size/length/percentage2、颜色和背景属性(backgroud)color(定义前景色，例如：pcolor:red)background-color(定义背景色)background-image(定义背景图片)background-repeat(背景图案重复方式)：repeat-x/repeat-y/no-repeatbackground-attachment(设置滚动)：scroll(滚动)/fixe(固定。