HTML CSS基础知识点回顾

html是标记语言 可以互联互联网上任何网页 有head和body两大部分，第一部分有title,link等部分 第二部分有h1,p,form(label,input,li,ol,ul等等)

CSS是用于对网页诸如字体格式 网页背景 以及字体的排版功能

Javascript还有一些特殊功能 之后再说。

我们构建网站不是从无到有 而是找模板 对模板进行修改

下面具体说说一些常用tag的attribute是干什么用的：

先看html 的head:
title:没啥用 但是最好写上 代表了这个网页的名称 方便被检索
link:目前仅限用在字体API接入和Html文件对应的CSS文件的链接

body:
h1,h2,p自然不必多说
需要注意的是form
label
input 等等
目前来说 我们只有 文本框需要注意 但是文本框又分为 限定填入类型的文本框 按钮 不限类型的文本框三大类 外加一个文本框的解释（label）
现阶段来说 把文本框放入表格中比较好。例如下：

<form class="emailform" action="thankyou.html" method="get">#class是自定义？便于检索？class是一种全局属性 只是不能在base head hyml meta param script style title中使用 其他都可以。 action对应填完form之后的跳转 method代表跳转方式 一般是get，但是还有Post

<label for="first">First Name:</label><br>#label的for属性制定与label关联元素的id,不可以用Name代替？但是这个下面没有id啊
<input class="userinput" type="text" name="first" value=""><br>#class和Name可以自定义吗？我知道type不可以，现阶段知道三种type类型，分别是text,email和submit. value这个属性规定了初始字段（就是个hint.此外我们还用过placeholder属性和required属性

<label for="last">Last Name:</label><br>#这里的br tag只是想换个行而已
<input class="userinput" type="text" name="last" value=""><br>

<label for="email">Email:</label><br>
<input class="userinput" type="email" name="email" value=""><br>

<input type="submit" id="sub" name="" value="Sign me up!">


</form>

先建立Html file再建立css file，对每个tag做你想要的个性化

CSS file：
常用属性：
font-family
background-color
color
text-align
border
margin
border-top
padding-top
margin-bottom
font-size
height
width
border-radius#边角磨圆

详细解析CSS现在所用的盒模型：
盒模型主要定义四个区域：内容 内边距(padding) 边框(border) 外边距（margin).所以 就像一个几个同心圆一样产生了这种网页格式
margin包裹着background image,此image的边缘称为border,border和实际的内容之间的间距为Padding，如果还是不懂得话 直接谷歌相关图 很多的