这是一个静态网页,页面的效果如下。首先这类似于一个进入的模板首页,这有四个选项,这是往下翻整个的页面效果图片。这是一个比较简单的模板网页,来看里面的代码。
先看里面的关键部分,这是HTML的内容,其中HTML内容要注意这几个地方,这是它所使用的信息,它引用了一个样式,这是一个地址,这个地址是从这上面写到从这个位置上,把这个应该是一个字体拿下来去使用了。但如果自己去使用最好是把这个字体拿下来放到本地。
再看下面这两个,下面是两个CSS,这两个就是放在了本地,第一个就没有,所以接下来最好要做的事情就是把第一个的字体下下来,像第二个和第三个这样的使用方式引入到本地。本地这两个叫defaud点,CSS,一个叫font,CSS,它没有路径,没有路径就说明跟我的HTML是在同一个路径下。
打开,这是我的HTML,看我这段,这两个CSS是在同一个路径下,这个EMEMED图片和fonts文件夹就在下面,可以往下翻,可以搜一下EMEMED,它的路径是这么写的,是不是同级目录下有一个叫images,只要不写全路径跟自己同一个路径下都可以这么写,指的是跟我同路径下有个images,你看我这个images是不是我这儿有个images,是不是跟我的同路径,这是EMEMED跟index在同路径下就可以这么写。
然后我使用了EMEMED里面的图片,这个图片里面有两张,所以这儿是EMEMED里面使用了个PHpicture02,点击BG,就它,所以从这可以改变图片,这面儿的文本就是一直填满文本了就不说,所以这个要学会更改它的静态引用资源,CSS图片。
还有刚才这儿没有演示的font,font也是,可以看刚才font提示的前头,是不是这提示了个forward引入的字体变量,这是别人写好的一个CSS,拿来去使用了,一定要去学会去见解和使用这些内容。这是这部分代码完成它的要求。