摘要：
html5版本新增了很多类型，我们挑一些常用的进行展示： 详细学习地址可以参照w3c进行学习： https://www.w3school.com.cn/html5/att_input_type.asp <!DOCTYPE html> <html> <head> <meta charset="UT 阅读全文
摘要：
form表单中可以放入的标签 就是表单元素 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <form action="" method="get"> <!--表单元素--> 阅读全文
摘要：
前后端交互流程： 表单在 Web 网页中用来给访问者填写信息，从而能采集客户端信息，使网页具有交互的功能。一般是将表单设计在一个Html 文档中，当用户填写完信息后做提交(submit)操作，于是表单的内容就从客户端的浏览器传送到服务器上，经过服务器上程序处理后，再将用户所需信息传送回客户端的浏 阅读全文
摘要：
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。 CSS 能够对网页中元素位置的 阅读全文
摘要：
【1】生活案例入手： 【2】盒子模型： 页面上也有很多元素，元素之间的布局/设计 依靠 盒子模型： 所有HTML元素可以看作盒子，在CSS中，"box model"这一术语是用来设计和布局时使用。 CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：边距，边框，填充，和实际内容。 盒模 阅读全文
摘要：
【1】position 属性指定了元素的定位类型。 【2】静态定位：（static） <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--静态定位： 如果我们不写posit 阅读全文
摘要：
【1】什么是浮动？ 浮动设计的初衷为了解决文字环绕图片问题，浮动后一定不会将文字挡住，这是设计初衷，不能违背的。 CSS 的 Float（浮动）使元素脱离文档流，按照指定的方向（左或右发生移动），直到它的外边缘碰到包含框或另一个浮动框的边框为止。 说到脱离文档流要说一下什么是文档流，文档流是是文 阅读全文
摘要：
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /*属性选择器*/ input[type="password"]{ background-color: red 阅读全文
摘要：
【1】代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> /* 【1】基本选择器：元素选择器： 通过元素的名字进行定位，它会获取页面上所有这个元素，无论藏 阅读全文
摘要：
【1】为什么要学习CSS？ HTML画页面--》这个页面就是页面上需要的元素罗列起来，但是页面效果很差，不好看，为了让页面好看，为了修饰页面 》CSS CSS的作用：修饰HTML页面 用了CSS之后，样式和元素本身做到了分离的效果。 》降低了代码的耦合性 【2】HTML和CSS的关系？ 先有HT 阅读全文