【文件属性】:
文件名称:mockup-html-css-lab:编辑样式html的css
文件大小:5.05MB
文件格式:ZIP
更新时间:2021-04-27 17:10:03
HTML
实验室:从样机到HTML / CSS
学习目标
使用CSS根据样机为网页设置样式。
介绍
作为Web开发人员,从样机工作将成为您日常工作的一部分。 样机和规格(有关空白,大小,颜色等的详细信息)可能会因您的设计师而异。 在遵循模型时,必须非常注重细节,这一点很重要,因此请务必与您的设计师沟通以阐明您的需求。 您可能需要花费一些时间才能达成共享资料的最佳方式。
锻炼
使用提供HTML,添加使页面类似于下面的模型所必需CSS。
要求
您无需对HTML进行任何编辑。
即使您CSS不够完美,也请不要在页面上保留任何样式。
奖金
将悬停效果添加到导航。
想象一下如何使用border属性消除对|的需要。 导航中的字符。
入门代码
此包含完成此实验所需的所有HTML。
可交付成果
博客的最终设计:
渴望更多?
这里有一些其他的练习可以自己练习!
初学者
中间的
先进的
投资组合博客
讲师注意:
【文件预览】:
mockup-html-css-lab-master
----starter-code()
--------css()
--------img()
--------index.html(3KB)
----assets()
--------travel-blog.png(809KB)
----README.md(2KB)
----additional-labs()
--------advanced()
--------intermediate()
--------beginner()