所有（或几乎所有），你需要知道关于用CSS开始

我决定恢复从我的旧博客采取这个职位，并把它在这里。 这是一件好事，有一个指导你忘记每次在代理样式表的东西。

因此，让我们开始工作！

样式表可以链接到一个文件中的三种方式：

1。 链接或进口;
2。 公司;
3。 内联。

外部样式表

样式表外表示，当CSS规则在文档中的文档中声明的HTML 。 样式表是一个单独的文件和HTML文件的扩展名的。css

一个外部样式表是理想的应用于多个页面。 随着外部的样式表，你可以改变整个网站的改变只是一个文件（样式表文件）的外观。

从外部的样式表CSS文件应该链接或导入里面的<>标记的HTML文档的文件。 语法一般链接样式表称为estilo.css如下：

一般语法来导入样式表称为estilo.css如下：

该浏览器将读取规则文件estilo.css风格，相应的文件格式。

外部样式表可以用任何文本编辑器。 该文件不应该包含任何HTML标记。 样式表必须是“拯救”与甲定制CSS
嵌入式样式表或内部

样式表被称为嵌入或内部，当CSS规则在HTML文件本身声明。

样式表嵌入或内部，是作为一个单独的网页应用的理想选择。 随着样式表或嵌入，你可以改变的只有一个文档的外观，样式表的地方注册成立的。

样式规则，有效的文件中的<>与样式标记文件部分声明<>语法如下所示：

现在的浏览器将读取页面本身的样式规则，并相应格式的文件。

注：浏览器通常会忽略未知标记。 这意味着一个旧的浏览器不支持样式，将忽略标签，但标签的内容将显示在屏幕上。 您可以防止旧的浏览器显示的内容

标签，“隐藏它”通过使用HTML标记注释。

注意在上面的代码中包含的符号（关闭评论）。
内联样式表

样式表被称为内联CSS规则时，在标签的HTML元素的声明。

内联样式只适用于一个HTML元素。 他失去了与演示混合内容的样式表的优点很多。 在特殊情况下使用这种方法，就像当你要应用样式的元素的单发生。

语法应用内联样式如下：

现在，最重要的CSS属性：

该物业字体

为来源的属性，定义的字母构成的HTML元素内文本的特性（在CSS规则值）。

基本来源，并会在本教程讨论如下：

*颜色：... ... ... ... ... ... ...字体颜色
FONT - FAMILY：... ... ... ...字体
字体大小：... ... ... ... ...字体大小
字体风格：... ... ... ...字体样式
字体变：案例... ... ...来源规模较小
字体重量：... ... ...颜色越深源（黑体）
*字体：... ... ... ... ... ... ...所有属性的简写

为从源头上属性的有效值

*颜色：
1。 十六进制代码：＃FFFFFF
2。 RGB代码：RGB（255,235,0）
3。 名字的颜色红，蓝，绿等...
字体家庭：
1。 家族名称：由字体名称定义，
P. 例如：“宋体”，“黑体”，“宋体”，等等。
2。 一般的家庭：是由通用名称的定义，
P. 例如，“衬线”，“无衬线”，“草书”等。
字体大小：
1。 XX小
2。 X -小
3。 小型
4。 中型
5。 大型
6。 X -大
7。 XX -大
8。 较小
9。 大
10。 长度：由CSS承认的措施（PX，PT，中，厘米，... ...）
11。 ％
字体风格：
1。 正常：正常字体垂直
2。 斜体：倾斜的喷泉
3。 斜：斜源
字体变：
1。 正常：正常字体
2。 小型股：大写字母转成低高度
字体重量：
1。 正常的
2。 大胆
3。 大胆
4。 打火机
5。 100
6。 200
7。 300
8。 400
9。 500
10。 600
11。 700
12。 800
13。 900

文本属性

在文本中，定义成输入文本的HTML元素的特性（在CSS规则值）。

为文本的属性如下：

*颜色... ... ... ... ... ... ...文字的颜色;
*字母间距字母间距... ... ...;
*字间距... ... ...文字之间的间距;
*文本对齐... ... ... ... ...文字对齐;
*文本文字装饰装修... ...;
*文本缩进... ... ... ...文字缩进;
*文本转换... ... ... ...字母的形状;
*方向... ... ... ... ...文本的方向;
*白色空间... ... ...浏览器如何处理的空白;
对文本的属性的有效值

*颜色：
1。 十六进制代码：＃FFFFFF
2。 RGB代码：RGB（255,235,0）
3。 名字的颜色红，蓝，绿等...
*字母间距：
1。 正常：它是默认的间距
2。 长度：由CSS（PX，PT，中，厘米，... ...）认可的一项措施是有效的负值
*字间距：
1。 正常：它是默认的间距
2。 长度：由CSS（PX，PT，中，厘米，... ...）认可的一项措施是有效的负值
*文本对齐：
1。 左：左对齐文本
2。 右：右对齐文本
3。 中心：在中心对齐文字
4。 理由：文字的力量占据了整个线路长度从左至右
*文本装饰：
1。 无：没有装修
2。 强调：在文中强调的地方
3。 划线：在文本上划线的地方
4。 线通过，把在文本行
5。 闪烁：文字闪烁
*文本缩进：
1。 长度：由CSS承认的措施（PX，PT，中，厘米，... ...）
2。 ％：百分比的父元素的宽度
*文本转换：
1。 无：普通文本
2。 利用：所有的文本的第一个字母为大写
3。 大写，所有的文字为大写字母
4。 小写：所有文字小写字母
*方向：
1。 LTR：文字从左至右书面
2。 RTL：书面文字从右到左
*白色空间：
1。 正常：被忽略的空白的浏览器
2。 前：空白将被浏览器保存
3。 nowrap：文本将显示在屏幕上一行全部。 有没有行被发现标记符<>

保证金的财产

该银行的财产，设置为HTML元素的边缘厚度值。

对利润的属性如下：
*保证金顶... ... ....设置上边距;
*保证金右... ... ... ...设置右边距;
*保证金底... ... ... ...设置下边距;
*保证金左... ... ...设置左边距;
*保证金... ... ... ... ...所有银行速记

保证金属性的有效值

1。 汽车：默认的保证金价值
2。 长度：由CSS承认的措施（PX，PT，中，厘米，... ...）
3。 ％：百分比的父元素的宽度

边框属性

为边的属性，定义一个HTML元素的四个边框的特性（在CSS规则值）。

为边的属性如下：

*边框宽度：... ... ... ... ... ...边界厚度
*边框风格：... ... ... ... ... ...的边框样式
*边框色：... ... ... ... ... ...边框颜色
* --------------
*边境顶宽度：... ... ... ...上部边缘厚度
*边境顶式：式... ... ... ...从顶部边缘
*边境顶色：... ... ... ...上部边缘颜色
* --------------
*边界右宽：... ... ...右边缘厚度
*边境右式：... ... ... ... ... ...右边缘的风格
*边境右色：... ... ... ...右的边框颜色
* --------------
*下边框宽度：... ... ... ...底部边缘厚度
*下边框风格：风格... ... ...从底部边缘
*下边框色：... ... ...底部边缘颜色
* --------------
*左边框宽度：... ... ... ...左边缘厚度
*左边框风格：风格... ... ... ...从左侧边缘
*左边框颜色：... ... ... ...左边框的颜色
* --------------
*边境顶：... ...所有的上缘属性速记
*边境右：..从右边的所有属性的简写
*边境底：..所有的底边属性速记
*边境左：..从左边的所有属性的简写
*边框：... ... ...速记方法四边

为边的属性的有效值

*颜色：
1。 十六进制代码：＃FFFFFF
2。 RGB代码：RGB（255,235,0）
3。 名字的颜色红，蓝，绿等...
*样式：
1。 无：无边框
2。 隐藏：相当于无
3。 虚线：虚线边框
4。 虚线，虚线边框
5。 固体：固体边缘
6。 双：双边框
7。 凹槽，凹槽边缘
8。 脊，窗台窗台
9。 插图：边缘浅浮雕
10。 开宗明义：边压花
*宽度：
1。 薄：薄边
2。 介质：内侧缘
3。 厚：厚边框
4。 长度：由CSS承认的措施（PX，PT，中，厘米，... ...）

填充属性

为间距属性（有的翻译为“填充物”）定义为之间的内容和HTML元素的边框间距值。

为间距的属性如下：

*填充顶... ... ....设置填充顶;
*填充右... ... ... ...定义间距的权利;
填充底* ... ... ...下定义的间距;
*填充左... ... ...设置间距左;
*填充... ... ... ... ...所有的间距速记
为间距的属性的有效值

1。 汽车：默认的保证金价值
2。 长度：由CSS承认的措施（PX，PT，中，厘米，... ...）
3。 ％：百分比的父元素的宽度

背景属性

背景属性定义从HTML元素底部的特征（在CSS规则值）。

背景属性如下：

*背景色... ... ... ... ...背景色;
*背景图像... ... ... .... 背景图片;
*背景重复... ... ... .... 背景图像如何定位;
*背景 - 附件... ...如果背景图像“卷”到屏幕或没有;
*背景位置... ... ... ...如何以及在何处背景图像的位置;
*背景... ... ... ... ... ... ... ...所有属性的简写;

为背景的属性的有效值

*背景色：
1。 十六进制代码：＃FFFFFF
2。 RGB代码：RGB（255,235,0）
3。 名字的颜色红，蓝，绿等...
4。 透明：透明
*背景图像：
1。 URL：URL（路径/ image.gif）
*背景重复：
1。 不重复：不重复
2。 垂直和水平重复：重复
3。 垂直重复：重复- Y
4。 水平重复：重复- X
*背景 - 附件：
1。 图像在屏幕上：固定
2。 图片“卷”到屏幕上滚动
*背景位置：
1。 X - POS Y - POS
2。 X -％Y -％
3。 左上
4。 顶部中心
5。 右上方
6。 中间偏左
7。 中心中心
8。 中间偏右
9。 左下
10。 底部中心
11。 右下方

在属性列表

属性列表定义的HTML列表的特性（值）。

该列表的属性如下：

*列表式的形象... ... ... .... 图像作为列表标记;
*列表式的位置... ... ....如果标记是在名单上;
*列表式型... ... ... ... ...种从列表书签;
*列表式... ... ... ... ... ... ... ...所有属性的简写;

对于列表中的属性的有效值

*列表式的形象：
1。 无
2。 URL：URL（路径/ marcador.gif）
*目录样式位置：
1。 外部：外标签文本对齐方式
2。 内：用文本标记线
*目录样式类型：
1。 无：没有标记
2。 讲座：圆（满球）
3。 圆：圆（球空）
4。 方形，实心方块
5。 十进制：1，2，3，4，...
6。 小数领先的零
7。 低罗马：罗马小写的一，二，三，四，...
8。 大写罗马：罗马大写I，Ⅱ，Ⅲ，Ⅳ，...
9。 低-α，小写A，B，C，D，...
10。 大写字母：一个大写字母A，B，C，D，...
11。 较低的希腊
12。 低拉丁
13。 上拉丁
14。 希伯来文
15。 亚美尼亚
16。 格鲁吉亚
17。 CJK -表意文字
18。 平假名
19。 片假名
20。 平假名，伊吕波
21。 片假名 - 伊吕波

奖金！

位置

位置属性可以得到三个值：

*绝对的：它是唯一一个允许分层和与它确定对你已经创建并准备页的位置。 绝对定位;
相对*：该值定义文本将有页面上的位置休息，因此它不能重叠，但仍然能够认识到一些有趣的属性。 相对定位;
* Estatic，决定了它不会承认任何特殊的位置由控制层决定的。 静态定位。

LEFT

设置距离，该层将浏览器或父元素的左边缘。 您可以采取的绝对值，相对或自动（自动）。

注：绝对值接受与中描述的格式定义，按照价值“大小的格式。”
RIGHT

设置距离该层将有浏览器的右边缘或父元素。 您可以采取的绝对值，相对或自动（自动）。

注：绝对值接受与中描述的格式定义，按照价值“大小的格式。”
TOP

设置从顶层的距离将有浏览器或父元素。 您可以采取的绝对值，相对或自动（自动）。

注：绝对值接受与中描述的格式定义，按照价值“大小的格式。”
Botom

设置从底层的距离将有浏览器或父元素。 您可以采取的绝对值，相对或自动（自动）。

注：绝对值接受与中描述的格式定义，按照价值“大小的格式。”

Z - INDEX

确定元素的堆叠顺序。 接受的值自动（自动）和数字，其中价值越高，越高层。

能见度

这种风格用于隐藏元素。 一个无形的因素仍然占据的页面空间。 有效值为：可见（可见），隐藏（隐藏）和继承（继承属性的顶层，默认）。

溢出

确定将如何表现层的内容时，它的极限比它的内容少。 有效值为：可见（可见，调整层以显示其内容），隐藏（隐匿性过剩忽略了层的内容），滚动（滚动条显示层）和自我（显示滚动条层如果需要）。

DISPLAY

标识时，如果一个元素应显示：

*座：作为一个块换行，前后的元素。 创建一个与周围元素（默认值）新箱;
*内联：无前后换行的元素;
*列表项：作为除列表项标记块同样是补充;
*无：它是无形的，不占用页面空间。 禁止在任何情况下显示的元素，包括次要的。

以后我会做他们的创新和CSS 3的职位。

相关文章

1. 中心格垂直和水平方向float和clear

标签： CSS