freecodecamp笔记【一】

写在前面：
以前稍微看过几行三件套的代码，就以为自己已经了解前端了，结果在实际做网页的时候屡屡碰壁，由此深刻领悟到“什么都会一点==什么都不会”，更何况之前我对自己对前端的“一点”了解这个说法也是夸大了，就我之前了解的那些，和整个前端体系相比，一纳米都没有。

求学贵在谦虚、贵在自省、贵在坚持。
freecodecamp吸引了我的兴趣，我发现在这上面边学边实战真的是一件非常有意思的事情！！！
不积跬步，无以至千里；不积小流，无以成江海。希望自己不断学习，争取每天进步一点点，成为一个眼界开阔的程序员。
（注：此笔记用typora书写，在typora上可以显示出代码的html页面效果，当然到这里好像不行了，有兴趣的小伙伴也可以试试）

• 实现登录界面的输入框

提交

​

加入required属性，可使得用户必须输入内容才能点击提交

• 实现单选选项（radio)

A B C D

• 实现复选选项(checkbox)

A B C D

1、无论是单选还是多选，最好设定一个value值，这个值将在数据提交后被送往指定地址。

例如，在本例中，如果勾选了AB ，则会有“answer=AB"(所有选项代码的name设定为answer)

value的默认值是on

2、默认勾选：在中加入 checked;如复选例子中的A选项

• html5网页写作规范及其含义

  • ‘“ 对应HTML5页面
  • ! 和大写的 DOCTYPE 是很重要的，尤其是对那些老的浏览器。 但 html 无论大写小写都可以。
  • 网页的描述应放入 head 标签， 网页的内容（向用户展示的）则应放入 body 标签。

​

• css写作规范

  关于id-selector

  • 在一个页面中，id是唯一的，这并不是指只能用一个id选择器，而是指id所指代的这个值是唯一的。比如上一个部分用了id=“A",则下一个部分的id就不要再等于A。
  • 如果一个元素同时应用了 class 和 id，且两者设置的样式有冲突，会优先应用 id 中所设置的样式。
  • class是 . id是 #

  关于属性选择器

  • 如 [type=‘radio’]{ } ,则表示对所有单选选项有效