待到秋来九月八,
我花开尽百花杀.
冲天香阵透长安,
满城尽带黄金甲.
html表单
一共有四个标签
<form> 属性:name action(表单提交的位置) method(表单提交的方法value有get post)
注:get和post的区别:
get提交的参数在提交的地址后面
post提交的参数不在提交的地址后面,而在提交体当中
get大小由具体浏览器的内部设定而定
post的大小一般没有限制
get的安全性相对较差
post的安全性相对较好
<input> 属性type type值确定表单的形式
"text"普通文本文档
"password"隐藏字符文档
"radio"单选框
"checkbox"多选框
"button"普通按钮
"submit"提交按钮
"reset"重置按钮
"image"图片按钮
"hidden"值只上传给服务器,不提供给用户观看
"file"上传文档
<input>标签常用的几个属性
name value 这两个属性几乎都要有(除了按钮) checked单选框.多选框常用 readonly标记为只读 disabled标记为不可用
maxlength 设置最大长度 placeholder占位符
<select>下拉表单 常用属性name multiple size(multiple与size属性常一起使用)
<option>select标签的子标签 提供选项 属性 name value selected
<div>是行级块标签
<span>是行内块标签
CSS的基础知识
三种基本样式
1.内嵌样式:属性值内嵌在html标签中 用style
eg:<div style="属性:值">
2.内部样式:在html的<head>中使用选择器
eg:<style type="text/css">
3.外部样式:创建.css文件并进行引用
eg:<link rel="stylesheet" type="text/css" href=".css文件路径">
比较三种样式的优缺点:
内嵌样式:书写快速 可读性好 没有复用性
内部样式:书写麻烦 有一定可读性 有一定复用性
外部样式:复用性好 可读性稍差 需要引入文件
CSS的几种选择器
基本选择器
元素/标签选择器
id选择器 #id属性
类选择器 .class属性
层级选择器 一层一层的选择
eg:#div2 div .s1{}
属性选择器
input[type=""]{}
style的一个特殊属性:background-image
<style="background-image:url(路径)">
<div>的浮动
若想要让下一个不受浮动影响,需要先清除浮动
盒子模型
border: 4px solid red;
padding: 盒子内壁到元素之间的间隙
margin:盒子外壁到盒子父元素之间的间隙