前端基础学习

HTML标签不区分大小写
标签之间必须一一对应，不可以乱嵌套。
html是最外面的容器，所有的标签都要在html里面
html的最基本的结构是head和body
head里面的东西一般都不会作为主要内容提交给用户
HEAD:
里面的标签有:它是在浏览器的标题，在网页上面
meta它是定义网页的编码
style:可以写css,
link:可以从外部引入css
javascript:可以写页面的js
注释：每写一段代码时，要标注写的内容是用来做什么的，便于以后的观看。
加入强调语气：em和 strong
em和strong的区别是：em是斜体，strong是粗体，强调的明显度，strong会更加的强烈，一般用strong的比较多。
span:span是单独设置样式的。
q:q文本是短文本引用，当文章中有诗句是用q,当用q的时候，不要再用双引号了，q本身就有双引号的作用，但是他的主要作用不是双引号的作用，而是引用的作用。
blockquote:长文本的引用，当引用的文本比较长的时候，要用blockquote,它具有缩进的作用。
html中如果要空格就用&nbsp
hr添加水平横线，占用一行，划一条水平的直线。
code/pre: 当内容中含有代码的时候，要用code/pre
行ul和li 这是一个列表，默认的时候每行的后面会有圆点，当不要圆点的时候，用list-style:none;并且他是无序的。
ol的角色是ul的效果，他俩的区别在于ul是无序的，ol是有序的。
div：他是一个容器，可以把一个逻辑部分的内容放在一个div中。
table中thread tbody 用他们的作用是将table分解，当加载完成一部分的时候，就会直接显示，不用等到整个table都加载完成才显示。
表格中的summary和caption
summary是表格的摘要，在页面中是不显示的，在搜索引擎的时候会起到作用
caption：用以描述表格内容，标题的显示位置，表格的正上方。

a标签：
title属性是鼠标滑过的时候，显示的内容。
target作用，规定a标签更改的页面是新的页面跳转还是默认的更改当前页的网页。
mailto:

注意：如果mailto后面同时有多个参数的话，第一个参数必须以“?”开头，后面的参数每一个都以“&”分隔。
例如：

img:
title悬停的时候显示的内容。
src:图片的地址
alt:当图片加载失败的时候，显示alt的信息。
form表单：
一般情况下，用户与后台进行交互的时候，需要将前台的数据传送到后台，这时用到的就是form
form有两个参数，参数一：method 选择post或者get，
参数二：action后台请求的地址
textarea:
当编辑多内容的时候，要用textarea，他有属性，cols和rows可以用width和height代替。
radio和checkbox 选中是checked 注意，当一个属性的时候，一定要name,并且名字要一致。
select:选择器默认选中的属性是selected。
select的多选属性：在select中直接加multiple=”multiple”
input的type可以设置成submit,当要提交按钮时，用submit,当书写错误的时候，可以用type=”reset”，这时就可以重置input框。
label不要写错了，是label
label中for的作用，是当点击label中的文字，就可以实现点击事件，for与文本框中的id相呼应。
CSS
css有三种方式，一，内联式，二嵌入式，三外部式
优先级别:内联式>嵌入式>外部式 就近原则。也就是说谁离标签近，谁就执行。
css中有标签选择器，标签选择器类似body,p,input等
类选择器：.加class的名称。
ID和类选择器的区别，id选择器在页面中是唯一的，而class可以公用，复写多个属性。
大于号和空格的区别：大于号是标签下的一级孩子几点。 空格是标签下的所有孩子节点。
*通配符是最大的权限，他可以更改页面中所有的属性。
hover:伪类选择器，当鼠标滑过的时候，可以更改滑过的样式。
目前为止，a标签的伪类选择器是兼容所有的浏览器的。
,分组选择符号，当多个标签元素设置成一个样式时，可以使用分组选择符号。
css中的继承：css中某些样式时具有继承的，例如p标签下面有一个span，给p标签一个颜色时，下面的子span也会变颜色，但是当给border属性的时候，他的样式是不继承的。
特殊样式：权值，当标签，class和Id同时操作一个标签的样式的时候， 我们可以看到，他是遵从id的样式的，标签的权值是1，class的权值是10，id的权值是100
层叠样式:当标签的样式权值相同的时候，后面的权值会覆盖前面的样式。其实还是就近原则的规则。
重要性：!important 页面的重要性，当具有相同权限的时候，可以通过!important来实现最高权值，这时被加重要性的就是权值最高的，他的属性就是设置的属性。特别注意important要挨着样式的后面写，写在分号的前面
文字排版字体：font-family
文字的字体形式：一般情况下页面的字体是微软雅黑，不要设置不常见的字体，这种字体一般如果用户没有安装，我们就没有办法实现设置的字体，他会默认为浏览器的样式。一般比较常见的是Microsoft Yahei字体。也可以直接写微软雅黑，但是他的兼容性不如英文的兼容性好。
文字排版粗细：font-weight
文字排版字体的粗细。bold字体为粗体。
文字排版斜体 font-style:italic
文字排版下划线；text-decoratioin:underline;
文字排版删除线：text-decoration:line-through
段落排版缩进：当写一段文字的时候，段落的第一行要空两个文字text-indent
如果用的单位是em,1个em等于一个文字。text-indent:2em;
line-height:1.5em;设置行间距。
设置文字间距和字母间距：文字间距：letter-spacing 字母间距：word-spacing。
设置排版对齐方式：text-align:center。
元素分类：
块级元素特点：1.每个块级元素都是从新的一行开始，并且其后的元素也是从新的一行开始。
2.元素的宽高，行高以及距离顶部和底部的距离都是可以设置的，如果不设置，他就和父类标签是一样的样式。
内联元素的特点：
1.和其他元素都在一行上
2.元素的宽度，高度，顶部和底部是不可以设置的，里面的元素也是不可以改变的。
内联块状元素：特点，和其他元素都在一行上
元素的宽，高，底部和顶部边距都是可以 设置的。
盒子的标签模型：border边框：width style color可以同时设置三个，也可以分开设置border-width,border-style,border-color
border-style:dashed虚线，dotted电线和solid实线
怪异盒模型：box-sizing:border-box;
块模型当是英文和数字的时候，不会自动换行，汉字可以。
一个标准的模式下：块的模式是width + margin(左右) + padding(左右) + border(左右)
怪异模式下： width + margin(左右)（即width已经包含了padding和border值）
盒模型的填充：padding的顺序， 上右下左 两个的时候代表上下，左右的样式。
盒模型的边界：margin 向外扩展边距。
内联元素：a span em strong这几个书写不给样式是从左到右浮动
Float:左右浮动，当两个div要并排显示的时候，其实标签本身是自己浮动的，当我们要讲两个div在同一行显示时，就可以用浮动实现。
pisition:绝对路径（absolute）相对路径（relative）固定位置（fixed）是相对于浏览器的。
abosulte和relative的联合使用：当要实现相对于父级菜单做定位的时候，父级设置relative，子集设置absolute,就可以把父级设置成参照，相对于父类进行定义。
盒模型样式的缩写：有缩写上右下左，四个的时候分开写，两个的时候上下一样，左右一样，一个的时候上下左右都一样，三个的时候可能是上下一样，或者是左右一样。
颜色的缩写：正常的颜色是六位表示，当有两位连续相同时可以缩写为三位。颜色还可以是rgb，0-255，或者是十六进制。