Html&CSS前端学习总结

Html

Html是一种超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。

常用标签

title,body,head

这三个标签通常在一个页面中将页面分割为标题，头部与主体部分，也就是将整个页面看作为一个布局容器。

img

这是一个单标签，通常通过加入src属性引入一个图片的路径从而展示到页面中。

img常用的属性

1.alt:设置当指定路径无法找到时用来代替的文本。
2.height:调整图片的高度
3.width:调整图片的宽度
4.border:边框大小
特别注意:在使用src寻找路径时: . 表示当前文件所在目录，. .表示文件所在的上一级目录

table

生成一个表格

tr

这是table下的子标签，表行标签

td

这是table下的子标签，表示一个单元格，在这个标签中使用b标签则会表示加粗。

常用属性

调整单元格间距常用cellspacing.在td子标签中colspan表示跨列，rowspan表示单元格跨列

iframe

显示一个单独的页面，双标签语法，src在其属性显示跳转的另一个页面的路径

form(重点)

form标签通常是用作提交数据时使用的标签，在form表单中常常会使用input输入框标签和button按钮来完成一个表单的信息收集。同时该标签也可以用作接收数据。
在form标签中使用的方法用action属性来进行调用，最后的提交用method绑定。

input标签

input标签中有几个常用的type型。
1.reset:在表单中时，表示将之前的内容重置为空。
2.submit:提交表单中的数据
3.file:上传文件
4.hidden:隐藏域

表单提交

get型

1.表单中需要加入name属性，这个属性是用来绑定这个表单中的所有值，通过这个name可以接受后端传来的值或者前端向后端传值。
2.在单选复选框中需要给每一个部分添加value属性，才能够有效的传值。
3.表单项不在提交的的form标签中

缺点

1.请求时需要各标签加上name属性或者value值
2.不安全，保密性低
3.有数据长度的限制.

post型

这是主要使用的表单提交方式，能有效的向后端传入数据，并且能通过object的类型传给后端接收。

CSS

CSS 指的是层叠样式表* (Cascading Style Sheets),也称级联样式表CSS描述了如何在屏幕、纸张或其他媒体上显示 HTML 元素,节省了大量工作。它可以同时控制多张网页的布局,外部样式表通常存储在 CSS 文件中。

CSS和Html的结合方式

1.在标签中直接通过style属性来设置样式，这样的缺点是当标签所需样式过多的时候,会使程序的可读性变差同时会使程序更加的繁杂。
2.在head中添加style type="text/css"在style标签中通过标签绑定样式的形式定义css，这样的缺点是同一个页面中重复使用，不利于维护并且每一个标签的样式都被固定了。
3.主流使用方式:将css样式写入到一个单独的css文件当中，再通过link标签的引入。

标签选择器

1.id选择器:通过#id属性{ 属性:value }这样的方式，给标签加上id属性，通过id来更改标签样式.
2.class选择器:通过.class属性值{ 属性：value }这样的方式，给标签添加上class属性可以同类型的更改样式，这样能够大范围的控制样式。
3.组合选择器
选择器1,选择器2,选择器n{属性：vlaue},组合选择器可以将几种选择器集合在一起使用.

CSS常用样式

1.color:字体颜色
2.width:宽度
3.height:高度
4.border:边框
5.background-color:背景色
6.font-size:字体大小
7.margin:外边距
8.text-align:文字位置