CSS样式必备知识包含哪些内容:
| CSS 简介 | CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML 元素 |
| CSS 语法 | CSS 规则由两个部分构成:选择器及一条或多条声明。选择器通常是需要改变样式的 HTML 元素。 |
| CSS Id 和 Class选择器 | 要在HTML元素中设置CSS样式,则需要在元素中设置"id" 和 "class"选择器。 |
| CSS 创建 | 插入样式表的方法有三种:外部样式表,内部样式表,内联样式 |
| CSS 背景 | CSS 背景属性用于定义HTML元素的背景。CSS 允许应用纯色作为背景,也允许使用背景图像创建相当复杂的效果。 |
| CSS 文本 | 文本属性可定义文本的外观。包括:文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进 |
| CSS 字体 | 字体属性定义文本的字体系列、大小、加粗、风格和变形。包括:通用字体系列 和特定字体系列 |
| CSS 链接 | 设置链接样式的属性有很多种(如颜色,字体,背景等)。 特殊的链接,可以有不同的样式 |
| CSS 列表 | CSS 列表属性允许你放置、改变列表项标志,或者将图像作为列表项标志。分为:无序和有序列表 |
| CSS 表格 | CSS 表格属性可以HTML表格更加美观。设置CSS表格边框,请使用border属性。 |
| CSS 盒子模型 | CSS盒子模型本质上是一个盒子,封装周围的HTML元素,包括:边距,边框,填充,和实际内容。 |
| CSS 边框 | border‐style 属性定义了10个不同的非 inherit 样式 |
| CSS 轮廓 | 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用 |
| CSS 外边距 | margin(外边距)属性定义元素周围的空间,margin 清除周围的(外边框)元素区域。margin 没有背景颜色,是完全透明的。 |
| CSS padding | 定义元素边框与元素内容之间的空间,即上下左右的内边距。 |
| CSS 尺寸 | CSS 尺寸 (Dimension) 属性允许你控制元素的高度和宽度。同样,它允许你增加行间距。 |
| CSS Display | display属性设置一个元素应如何显示,visibility属性指定一个元素应显示还是隐藏。 |
| CSS Position(定位) | position 属性指定了元素的定位类型。position 属性有五个值 |
| CSS Overflow | CSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条. |
| CSS Float | CSS 的 Float(浮动),会使元素向左或向右移动 |
| CSS 对齐 | 要水平居中对齐一个元素, 可以使用 margin: auto; 设置到元素的宽度将防止它溢出容器的边缘。 |
| CSS 组合选择符 | CSS3 中包含四种选择器组合方式:后代选择器,子元素选择器,相邻兄弟选择器,普通兄弟选择器 |
| CSS 伪类 | CSS伪类是用来向某些选择器添加特殊效果。 |
| CSS 伪元素 | CSS伪元素是用于添加某些选择器的特殊效果. |
| CSS 导航栏(上) | 导航栏=链接列表 |
| CSS 导航栏(下) | 两种方法创建横向导航栏。使用内联(inline)或浮动(float)的列表项。 |
| CSS 提示工具 | 提示工具在鼠标移动到指定元素后触发。 |
| CSS 图片库 | CSS 可以用来创建图片库。 |
| CSS 图像拼合 | 图像拼合就是单个图像的集合 |
| CSS 媒体类型 | 媒体类型允许指定文件在不同媒体将如何呈现。以不同的方式显示在屏幕,纸张,或听觉浏览器等。 |
| CSS 属性 选择器 | CSS 属性选择器,具有特定属性的HTML元素样式 |
| CSS 表单 | 使用CSS 来渲染 HTML 的表单元素 |
| CSS 计数器 | CSS 计数器通过一个变量来设置,根据规则递增变量。 |
| CSS 网页布局 | 网页布局一般分为:头部区域、菜单导航区域、内容区域、底部区域 |
| CSS3 简介 | CSS3模块有:选择器,盒模型,背景和边框,文字特效,2D/3D转换,动画,多列布局,用户界面。 |
| CSS3 边框 | 使用 CSS3,可以创建圆角边框,增加阴影框,并作为边界的形象而不使用设计程序 |
| CSS3 背景 | CSS3 包含多个新的背景属性,它们提供了对背景更强大的控制。 |
| CSS3 文本效果 | 文本阴影,盒子阴影,文本溢出,文本换行,拆分换行 |
| CSS3 字体 | CSS3,网页设计师可以使用自己想要的任何字体。 |
| CSS3 2D 转换 | 通过CSS3 转换可以对元素进行移动、缩放、转动、拉长或拉伸 |
| CSS3 3D 转换 | CSS3 允许使用 3D 转换来对元素进行格式化. |
| CSS3 过渡 | 通过 CSS3,元素从一种样式变换为另一种样式时可以为元素添加效果 |
| CSS3 动画 | 通过CSS3 可以创建动画,它可以取代许多网页动画图像、Flash 动画和 JavaScript 实现的效果。 |
| CSS3 多列 | Internet Explorer 10 和 Opera 支持多列属性。 |
| CSS3 用户界面 | 增加了一些新的用户界面特性来调整元素尺寸,盒尺寸以及外边框 |
| CSS3 框大小 | CSS3 box‐sizing 属性设置 width 和 height ,属性中包含了 padding(内边距) 和 border(边框)。 |
| CSS3 弹性盒子 | 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)两部分组成。 |
| CSS3 多媒体查询 | 多媒体查询由多种媒体组成可以包含一个或多个表达式表达式根据条件是否成立返回 true 或 false。 |
| css | 如何使用 CSS 同时控制多重网页的样式和布局。 |
浙公网安备 33010602011771号