css背景有颜色,正文没颜色

html-css024

css背景有颜色,正文没颜色,第1张

1.新建一个html文件，命名为test.html，用于讲解css给表格标题行添加背景颜色。

2.在test.html文件内，使用table标签创建一个表格，用于测试。

3.在test.html文件内，给table添加一个class属性，设置为mytab。

4.在css标签内，通过class设置table的宽度为300px，高度为100px。

5.在css标签内，再通过class和标题元素名称th设置表格标题行样式，使用background属性设置其背景颜色为蓝色，文字颜色为白色。

6.在浏览器打开test.html文件，查看实现的效果。

        分别是：十六进制颜色、RGB颜色、RGBA颜色、HSL色彩、HSLA颜色、预定义/跨浏览器的颜色名称。

        所有主要浏览器都支持十六进制颜色值。指定一个十六进制的颜色其组成部分是：＃RRGGBB，其中RR（红色），GG（绿色）和BB（蓝色）。所有值必须介于0和FF之间。

        RGB颜色值在所有主要浏览器都支持。RGB颜色值指定：RGB（红，绿，蓝）。每个参数（红色，绿色和蓝色）定义颜色的亮度，可在0和255之间，或一个百分比值（从0％到100％）之间的整数。

        例如RGB（0,0,255）值呈现为蓝色，因为蓝色的参数设置为最高值（255）而其他设置为0。

        此外，下面的值定义相同的颜色：RGB（0,0,255），RGB（0％，0％，100％）。

        RGBA颜色值被IE9, Firefox3+, Chrome, Safari,和Opera10+支持。RGBA颜色值是RGB颜色值alpha通道的延伸 - 指定对象的透明度。

        RGBA颜色值指定：RGBA（红，绿，蓝，alpha）。 Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。

        IE9, Firefox, Chrome, Safari,和Opera 10+.支持HSL颜色值。HSL代表色相，饱和度和亮度 - 使用色彩圆柱坐标表示。

        HSL颜色值指定：HSL（色调，饱和度，明度）。

色相是在色轮上的程度（从0到360）-0（或360）是红色的，120是绿色的，240是蓝色的。饱和度是一个百分比值0％意味着灰色和100％的阴影，是全彩。亮度也是一个百分点0％是黑色的，100％是白色的。

        HSLA颜色值被IE9, Firefox3+, Chrome, Safari,和Opera10+.支持.

        HSLA的颜色值是一个带有alpha通道的HSL颜色值的延伸 - 指定对象的透明度。指定HSLA颜色值：HSLA（色调，饱和度，亮度，α），α是Alpha参数定义的不透明度。 Alpha参数是一个介于0.0（完全透明）和1.0（完全不透明）之间的参数。

        浏览器能识别的颜色名称，如“red”、"green"、“blue”等等。

使用外部CSS，可以将CSS代码单独放到CSS文件里使用html link引入CSS(html引人css)，也可以在html使用<style>标签，建立CSS。也可以在html标签内使用style属性设置css颜色。

CSS工作原理

CSS是一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和现实的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。

名称CSS中的"层叠(cascading)"表示样式单规则应用于HTML文档元素的方式。具体地说，CSS样式单中的样式形成一个层次结构，更具体的样式覆盖通用样式。样式规则的优先级由CSS根据这个层次结构决定，从而实现级联效果。