使用四种CSS样式表构造简单网页

四种调用样式表的方法:嵌入式样式、内部样式、链接样式文件、自定义样式类(类或者id)。

简单网页如下所示

使用四种CSS样式表构造简单网页_第1张图片

1、外部样式(链接样式文件)

在文件out.css中编辑格式,body部分选择背景图片,设置背景图片为不重复,且cover整个界面。设置h3字体颜色,且字体位置设置在中间。设置p部分字体为“Times New Roman”,并将字体大小设置为20px.

使用四种CSS样式表构造简单网页_第2张图片

在html中链接外部文件out.css,rel 属性规定当前文档与被链接文档之间的关系为stylesheet。

2.内部样式

设置h5字体颜色为sienna

3.类选择器(自定义样式类)

设置类选择器名字为“touming”,该类选择器旨在设置一个半透明遮罩,背景颜色为白色,不透明级别opacity为0.8

使用四种CSS样式表构造简单网页_第3张图片

在html调用,设置table表格使用该不透明遮罩

4.嵌入式格式

设置字体颜色为sienna

5.整体部分的使用框图

使用四种CSS样式表构造简单网页_第4张图片

你可能感兴趣的:(web建立网站)