程序员小白的博客

使用属性定义表单元素背景色；例子1：

在显示一个表格数据时，通常都带有表格边框，用来界定不同单元格的数据；当表格的描述标记值大于0时，显示边框；若值为0，则不显示边框；边框显示时，可用属性及衍生属性，以及属性对边框进行修饰，属性表示对边框进行样式、颜色和宽度设置，以达到提高样式效果的目的；属性主要用设置表格的边框是否合并为一个单一的边框，像在标准的 HTML 中那样分开显示；语法格式如下所示： 是默认值，表示边框会被分开，不会忽略 和 属性；而 属性表示边框会合并为一个单一的边框，会忽略 和 属性；例子 1：使用 属

使用 属性，能设置背景图片大小；语法格式如下所示：例子 1： 属性能设置一个或多个值，一个为必填，一个为选填；第一个值指定图片宽度，第二个值指定图片高度；若只设定一个值，则第二个值默认为auto；使用 属性，能完成背景图片的定位；默认情况下， 属性总是以元素左上角原点作为背景图片定位，适应 属性能改变这种定位方式；语法格式如下所示：例子 2：使用 属性，能裁剪背景图片；语法格式如下所示：例子 3:：...

若网页的文本较多，出现了多屏页面，此时背景图片若不能覆盖页面，就会出现看不到背景图片的现象；使用 属性，用来设定背景图片是否随文档一起滚动； 属性包含了两个属性值：，适用于所有元素；例子 1： 属性的值为时，背景图片的位置固定并不是相对于页面的，而是相对于页面的可视范围；使用 属性，设置的重复方式，包括水平重复、垂直重复与不重复等 属性用于设定背景图片师傅重复平铺；例子 2：背景图片垂直重复...

使用 属性能设定标记的背景图片，在 中使用，将图片置于整个主体中；语法格式如下所示：默认属性时无背景图，当要使用背景图时可用 进行导入； 可以使用绝对路径或相对路径；例子 1：使用 属性能调整背景图片位置； 属性用于指定背景图片在页面中所处的位置；该属性值能分为4类：绝对定义位置（length）、百分比定义位置（percentage）、垂直对齐值与水平对齐值；垂直对齐值包括，水平对齐值包括；例子 2：使用垂直对齐值和水平对齐值只能格式化地放置图片；若页面中要自由地定义图片的位置，需要

使用 属性设定网页背景颜色；对于没有设定背景色的标记，默认背景颜色为透明（tranaparent）；语法格式如下所示： 是默认值，表示透明；背景颜色 color 设定方法能采用英文单词、十六进制、RGB、HSL、HSLA、GRBA 来决定颜色；例子1： 不仅能设定整个网页的背景颜色，还能设置指定 HTML 元素的背景色；例子 2：...

用 属性能设计图片和文字之间的距离，即文字与图片之间在一定间距； 属性主要用来在一个声明中设置所有内边距属性，即能设置元素所有内边距的宽度，或设置各边上内边距的宽度；注意： 不允许指定负边距值；语法格式如下所示：参数说明：例子 1：使用 属性能实现文字环绕效果； 属性主要定义元素在哪个方向浮动；一般应用于图像，使文本环绕在图像周围，也能定义其他元素浮动；浮动元素会生成一个块级框，不论它本身是何种元素；若浮动元素非替换元素，则要指定一个明确的值；否则，他们尽可能地窄；语法格式如下所示：

图片横向对齐，即水平方向向上进行对齐；对齐样式与文字对齐，都有 3 种对齐方式，分别为左、中、右；若要定义图片对齐方式，不能在样式表中直接定义图片样式，需要在图片的上一个标记级别，即父标签级别定义对齐方式，让图片继承父标记的对齐方式；这是因为 （图片）本身没有对齐属性，需要使用 CSS 继承父标记的 来定义对齐方式；例子 1：纵向对齐，即垂直对齐，在垂直方向上和文字进行搭配使用；通过对图片垂直方向上的设置，能设定图片和文字高度一致；使用 属性定义图片纵向对齐； 属性设置元素的垂直对齐方式，即

通过 中的 让图片是否具有边框；示例如下：通过 HTML 标记设置图片边框，其边框显示都是黑色，且风格单一，唯一能够设定的就是边框的粗细，不能对边框的样式进行设置；使用 属性定义边框样式，即边框风格（点线式-dotted、破折式边框-dashed、直线式边框-solid、双线式边框-double等）；例子 1：若需要单独定义边框一边的样式，可使用 设定上边框样式、 设定右边框样式、 设定下边框样式、 设定左边框样式；例子 2：...

使用 的描述标记 和 能设置图片大小； 和 分别表示图片的高度和宽度，可以是数值或百分比，单位可以用 px，也可以是**%、em、pt**；注意： 高度属性是和宽度属性 设置要求相同；例子1：CSS 3 中，可使用属性 和 设置图片的宽度和高度，以此达到图片的缩放效果；例子 2：CSS 3 中， 和 用来设置图片宽度最大值和高度最大值； 和 的值一般是数值类型；语法格式如下所示：或在定义图片大小时，若图片默认尺寸超过了定义的大小，就以 所定义的宽度显示，二图片高度将同比例

文字垂直居中称为文字顶部对齐或底部对齐； 属性，该属性用来定义垂直对齐方式；该属性定义行内元素的基线相对于该元素所在的基线的垂直对齐，允许指定负长度值和百分比值，这会让元素降低而不是升高；在单元格中，这个属性会设置单元格框中的单元格内容的对齐方式；语法格式如下所示：例子 1：在段落中，通常用首行缩进两个字符表示这是一个段落的开始；通过 属性能设定文本块的首行缩进；语法格式如下所示： 属性表示有百分比数字或由浮点数字和单位标识符组成的长度值，允许为负值； 属性可看成能定义两种缩进方式，一

系统还原软件 RollBack RX Professional 可以设置多个快照，以快照节点的方式进行系统还原；在不退出 RollBack RX Professional 的前提下，设置快照也能对电脑进行一些更新操作（如新增软件，删除文件等），因为 RollBack RX Professional 是以快照节点的方式进行系统还原的；下面介绍 RollBack RX Professional 设置快照的方式：点击打开 RollBack RX Professional，进入 RollBack RX Prof

属性能设置字符文本之间的距离，即在文本字符之间插入多少空间，允许负值，即让字母之间更加紧凑；语法格式如下：例子 1：单词之间的间隔若设置合理，一是会给整个网络布局节省空间，二是能给人赏心悦目的感觉，提高阅读效果；使用 属性直接定义指定区域或段落中单词之间的间隔； 属性用于设定词与词之间的间距，即增加或减少词与词之间的间隔；语法格式如下：例子 2：通过 属性，可设置多种对齐； 属性用于定义对象文本的对齐方式；语法格式如下：例子 3：...

在网页显示信息时，若指定显示区域宽度，而显示的信息过长，其结果就是信息会撑破指定的信息区域，进而破坏整个网页布局；若设定的显示区域过长，就会影响整体的网页显示；使用 属性能解决上述问题；属性用来定义文本溢出时显示省略标记，即定义省略文本的出来方式；它不具备其他的样式属性定义，要实现溢出时产生省略号的效果还需要定义强制文本在一行内显示（）及溢出内容为隐藏（），只有这样才能实现溢出文本显示省略号的效果；语法格式如下：例子 1：当在一个指定区域显示一整行文字时，若文字在一行显示不完时，就需要换行；

通过设置字体主粗细，能让文字显示不同的外观； 属性能定义字体的粗细程度；语法格式如下所示：属性有 13 个有效值，分别是bold、bolder、lighter、normal、100~900；若没有设置该属性，则使用默认值 normal；属性值设置为 100~900，值越大，加粗的程度就越高；例子 1： 用来定义文字风格，即字体显示的样式；语法格式如下：例子 2：显示字体时，有时需要给文字添加阴影效果，并且为阴影添加颜色；需要用到 属性，该属性还具有不透明度效果；语法格式如下：

在 css 样式中，多使用 color属性定义颜色；例子1 ：# 2. 定义文字的字体 属性用于指定文字字体类型，即在网页中展示字体不同的形状；语法如下所示：有两种声明方式；第一种为使用 name字体名称，按优先顺序排列，以逗号隔开，若字体名称包含空格，则应使用引号括起；第二种声明方式使用所列出的字体序列名称，若使用 fantasy序列，将提供默认字体序列；CSS 3 中常使用使用第一种声明方式；例子2：注意： 在字体显示时，若指定一种特殊字体类型，而在浏览器或操作系统中该类型不能正确获

HTML 网页可看成一个节点的集合，在一个HTML 文档中能包含不同的标记，HTML 文档中的每个成分都是一个节点；一个节点数中的所有节点彼此都是由关系的；一个节点树能把一个 HTML 文档展示为一个节点集，以及它们之间的连接；在一个节点树中，最顶端的节点被称为根；每一个节点，除根之外，都拥有父节点；一个节点能有无数的子，叶是无子的节点，同级节点拥有相同的父的节点，如下图所示；CSS 继承是指子标记会继承父标记的所有样式风格，并能在父标记样式风格的基础上加以修改，产生新的样式，而子标记样式完全不

集体声明就是在声明各种CSS选择器时，若某些选择器的风格完全相同，或者部分相同，可将风格向提供的 CSS 选择器同时声明；例子1：在 CSS 控制 HTML 标记样式时，还能使用层层递进的方式，即嵌套方式，对指定位置的 HTML 标记进行修饰；例子 2：...

标签选择器最基本的形态如下：通过一个具体标记来命名，能对文档里这个标记出现的每一个地方应用样式定义。例子 1：在一个页面，使用标签选择器会控制该页面中所有此标记的显示样式；若需要为此类标记中的一个标记重新设定，仅使用标签选择器是不能达到效果的，还要使用类别（class）选择器；类选择器用来为一系列标记定义相同的呈现方式，语法格式如下： 是选择器的名称，若一个标记具有 class 属性且 class 属性为 ，那么该标记的呈现样式由该选择器指定；在定义类选择符时，需要在 classValue 前面

样式表的用法（三）1. UI 元素状态伪类选择器1. UI 元素状态伪类选择器UI元素状态伪类也是 css3 新增的选择器，UI 即 User Interface（用户界面）的简称；UI 设计则是指对软件的人机交互、逻辑操作、界面美观的整体设计；UI 元素的状态一般包括可用、不可用、选中、未选中、获取焦点、失去焦点、锁定、待机等，css3 定义了 3 种常用的状态伪类选择器；例子1：使用 UI 元素状态伪类选择器的示例<!DOCTYPE html><html> <