2017-2-6-w3cschool编程挑战

1、font-family应用：

   引入Google字体:
  <link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
   将Lobster作为 font-family属性 的值应用到你想要设置的元素上。

-------

2、有几种默认的字体是所有浏览器都可用的，包括Monospace、Serif和Sans-Serif。
如果你想让段落的字体为Helvetica，但你同时想在Helvetica字体不可用时自动降级使用Sans-Serif字体，你可以使用如下CSS样式：
p {
  font-family: Helvetica, Sans-Serif;
}
     可以理解为样式覆盖

3、以应用多个class到一个元素，只需要在多个class之间用空格分开即可。例如：<img class="class1 class2">

给标签增加圆角边框
  通过CSS的一个叫border-radius(边框半径)的属性来让它的边框变成圆的。
  值可为像素值、百分比


设置链接锚元素外部页面
  a元素，也叫anchor（锚点）元素，既可以用来链接到外部地址实现页面跳转功能，也可以链接到当前页面的某部分实现内部导航功能。
 
使用#符合设置固定链接
  有时你想为你的网站添加一个a元素，但此时你还不知道要将它们链接到哪儿，此时可以使用固定链接。把你的a元素的href属性的值替换为一个#，别名hash(哈希)符号，将其变为一个固定链接。


为图片添加alt描述
  alt属性，也被称为alt text, 是当图片无法加载时显示的替代文本。alt属性对于盲人或视觉损伤的用户理解一幅图片中所描绘的内容非常重要，搜索引擎也会搜索alt属性。简而言之，每一张图片都应该有一个alt属性！


<input type="text"> 注意，input元素是自关闭的。


为文本输入框设定预定值
  占位符(placeholder text)是用户在input(输入)框输入任何东西之前放置在input(输入)框中的预定义文本。你可以用如下方式创建占位符：
   <input type="text" placeholder="this is placeholder text">


添加表单
  使用HTML来构建可以跟服务器交互的Web表单(form)，通过给你的form元素添加一个action属性来达到此目的。action属性的值指定了表单提交到服务器的地址。
  例如：
  <form action="/url-where-you-want-to-submit-form-data"></form>


把表单设置为必填
  当你设计表单时，你可以指定某些选项为必填项(required)，只有当用户填写了该选项后，用户才能够提交表单。
  例如，如果你想把一个文本输入字段设置为必填项，在你的input元素中加上required属性就可以了，你可以使用：
  <input type="text" required>