Java小白从入门到入土Day05

12 表单
 作用 用于收集用户的数据提交给后端服务器
语法
<from>
//表单组件
</from>
属性
action  指定给哪个服务器提交数据源
method 表单组件提交数据方式
取值 get 将数据放在浏览器地址栏进行提交（不安全）
      post 将数据放在请求实体中提交（相对安全）
  inpute 表单组件
语法 <inpote type="=/>
 取值 text           文本框（默认）
         password    密码框
         radio           单选按钮
         checkb       复选框
         file             文件上传
         color           颜色
         date           日期
         time           时间
        datetime-local    日期时间
        month          月份
         week           星期
         number       数字
         range          进度
          image         图像
          hidden        隐藏域
         email           邮箱
         tel              电话
         url               网址
          submit        提交按钮
          reset         重置按钮
          button       普通按钮
属性
name       当前表单组件的提交key值
value       表单组件的value值
   key=value
名字=张三
性别=男
placeholder  提示文本（一般是输入框使用）
minlength   最小长度
maxlength    最大长度
autofocus     自动获取光标
readonly       只读
disabled     不可用
checked   默认选中
 min/msx/step     最小/最大/步进 （number和range使用）
非inpute表单组件
下拉列表
<select>
  <option></option>
</select>
属性   multiple  设置为多选下拉列表
          size    默认显示下拉 显示个数
         selected   默认选中项，加在option上

 文本域
<textarea></textarea>
属性
 cols  列数
rows  行数

标签
<label for=""></label> 和其他表单组件联合使用
按钮
<button></button>   具有提交功能
13>度量标签
语法<meter></meter>
属性
min  最小值 默认为0
max  最大值  默认为1
low 合理的下限值
high 合理的上限值
optimun 最优值
value 当前值
颜色变化
最优值在合理下限值和合理上限值中间
黄-->绿-->黄
最优值在合理上限值之上
红-->黄-->绿
最优值在合理下限值之下
绿-->黄-->红
14  摘要与细节 
语法 <details>
       <summary></summary>
       //可以隐藏或显示的部分
        </details>
浮动框架
语法 <iframe/>
 属性
src   需要引入的网页网址
 width       宽度
height      高度
frameborder    边框
     取值 1/yes   保留边框
              0/no    去掉边框
16  段落标签
 语法 <p>段落文本</p>
  属性  align

17分区元素
  语法  <div>分区内容</div>
  属性  align
18占位元素
语法 <span></span>

-----------------------------------------
什么是CSS
Cascading Style Sheet
级联样式表 层叠样式表
主要是用于给网页上的html元素做修饰
定义如何显示html元素
二、如何使用CSS
1 行内样式（内联样式/内嵌样式）
1)在html元素中定义一个style属性
2)将CSS样式写在style属性值中
3)CSS样式名和样式值中间用:隔开
4)多个CSS样式中使用;隔开
<h1 style="color:red;font-family:隶书">
2 内部样式
1)在head标签中添加一对style标签
2)将CSS样式写在style标签中
3)在style标签中找到页面html元素并添加css样式
<style>
/*内部样式*/
p{            
color: blueviolet;font-size: 30px; 
}
</style>
3 外部样式
1)在外部创建一个单独的css文件
2)将css样式定义在css文件中
3)在html文件打的head标签内部通过link标签来对外部css文件进行引入
引入方式：
<link rel="stylesheet" href="css/my.css" />
三、CSS样式特征
1、继承性
定义在父元素上的css样式会被子孙元素所继承 如颜色、字体、背景等可继承
2、层叠性
对一个html元素添加了多个不同的css样式，对于不冲突的可以叠加在一起
3、优先级
对一个html元素添加了多个不同的css样式，对于不冲突的以优先级最高的为准
优先级从高到低：
1)css样式属性值后带有 !important
2)行内样式
3)内部样式和外部样式就近原则
4)同一个样式规则下重复定义，以后定义的为准
5)浏览器的默认样式
四、CSS中朝哪个用单位
1、尺寸大小
px   像素点
cm   厘米
mm   毫米
in   英寸（1in=2.54cm）
pt   粗细（1pt=1/72in）
em     相对于浏览器默认字体的大小
%       相对于父容器百分比（没有父容器就相当于浏览器）