引入Google
字体,你需要复制Google
字体的 URL,并粘贴到你的 HTML 里面。在这个挑战中,我们需要引入Lobster
字体。因此,请复制以下代码段,并粘贴到代码编辑器顶部,即放到style
标签之前。
字体名区分大小写,并且如果字体名含有空格,需要用引号括起来。例如,使用"Open Sans"
字体需要添加引号,而Lobster
字体则不需要。
<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css"> <style> .red-text { color: red; } h2 { font-family: Lobster; } p { font-size: 16px; font-family: monospace; } </style> <h2 class="red-text">CatPhotoApp</h2> <main> <a href="#"><img src="http://cdn.chenzhicheng.com/relaxing-cat.jpg" alt="一只仰卧着的萌猫"></a> <p>猫咪最喜欢的三件东西:</p> <ul> <li>猫薄荷</li> <li>激光笔</li> <li>千层饼</li> </ul> <p>猫咪最讨厌的三件东西:</p> <ol> <li>跳蚤</li> <li>打雷</li> <li>同类</li> </ol> <form action="/submit-cat-photo"> <label><input type="radio" name="indoor-outdoor">室内</label> <label><input type="radio" name="indoor-outdoor">室外</label><br> <label><input type="checkbox" name="personality">忠诚</label> <label><input type="checkbox" name="personality">懒惰</label> <label><input type="checkbox" name="personality">积极</label><br> <input type="text" placeholder="猫咪图片地址" required> <button type="submit">提交</button> </form> </main>
原文:https://www.cnblogs.com/wangyinlon/p/12893547.html