css 样式必备知识
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 Displaydisplay属性设置一个元素应如何显示,visibility属性指定一个元素应显示还是隐藏。CSS Position(定位)position 属性指定了元素的定位类型。position 属性有五个值CSS OverflowCSS overflow 属性可以控制内容溢出元素框时在对应的元素区间内添加滚动条.CSS FloatCSS 的 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 同时控制多重网页的样式和布局。