**JAVA学习笔记Day18（Html,css,js）一

html

1. html5的声明方式
2.html 超文本标记语言
3. 设置解码格式
乱码问题:
保证编码和解码格式统一
编码:文件的格式
解码: 使用什么样的编码格式解析页面的内容
4.标签上可以添加属性
属性可以帮助更完整的展示标签
属性=""|‘属性值’
双引号和单引号都可以,但是前后保持一致
属性前面要条件空格
5.标签:
单标签|自闭合标签:
双标签|闭合标签:
html的常用标签
行内元素:行内元素不换行,一行显示
块元素:前后换行
align 内容水平对齐方式
left
right
center
正常属性的文字,默认黑色,不换行,多个空格和换行识别为一个空格,谷歌浏览器默认字体大小16像素
常用基础标签
a 超链接标签
行内元素
href 链接属性 必有属性
绝对地址
相对地址
title: 当鼠标悬停在内容上面时候显示的提示字
target:打开方式
_self 当前页面打开
_blank 新页面打开

                默认样式:
                    链接没有访问: 字体蓝色.自带下划线
                    链接有访问: 字体紫色.自带下划线

            p 段落标签
                块元素
                p中的内容正常显示
                前后有空白 (内外边距css)
            img 图像标签
                行内元素
                src 图像链接地址  必填属性
                    绝对地址
                    相对地址
                alt:当图片无法正常显示的时候的提示字
                title: 当鼠标悬停在内容上面时候显示的提示字
                width:宽度  px值为单位
                height: 等比缩放 款速
            div 块
                块元素
                正常显示
            span 帮助添加标签
        列表
            1.有序列表
                ol
            2.无序列表
                ul
             ol和ul直接子元素只能为li
             li中可以嵌套任何内容
             更改列表项标记: ul|ol type属性
                                        ul:
                                        ol:1 A a I i
        表格
            table
                属性:
                    style="border-collapse: collapse" 双线变单线
                    border 边框
                    bordercolor 边框颜色
                    width 宽
                    height 高
                    rowspan 跨行
                    colspan 跨列
            tr 行
            th 表格头单元格  加粗+居中
            td 表格题单元格
            单元格可以设置宽高  对齐方式align
        表单标签 ****

css 层叠样式表
行内样式表:元素上提供一个style属性,属性值中给样式
内部样式表:html的内部,提供一个style标签对,标签对中给样式
外部样式表:定义一个样式表文件,定义样式,把这个文件引入到指定的html页面
样式:
名称:值;
选择器: 选择到某个元素
选择器{
样式1;
样式2;
…
}
样式表的优先级:有限显示
谁离元素更近就优先显示谁
基础选择器:
id,根据元素的id属性值选择到某个元素 唯一

        类class:根据元素的class属性值选择到一个或者一组元素
            .+class属性的名字
            class属性值
        元素|标签可以给多个,不唯一
            根据标签名选择到一组或者一个元素
        *
            作用到所有元素
          清除浏览器默认样式:
              *{
                padding:0;
                margin:0;
              }
        优先级: id>class>元素>通配符

        群组选择器:
            选择器1,选择器2,.. {}


        后代选择器（派生选择器）
        子元素选择器   第一代子元素

        属性选择器
        伪类选择器 :
                hover 当鼠标悬停在元素上时显示的样式

常用样式:
1.背景:
背景颜色
颜色:
颜色的英文单词
颜色十六进制 #
rgb()
rgba() a->透明度 0~1 0透明 1不透明
背景图片
背景图片是否重复

        2.color: 字体颜色

        3.text-align不能使用在行内元素, 元素内部内容的水平对齐方式
        4.line-height: 行高,默认一行中的内容,在这一行中是垂直居中的
        5.text-decoration 文本样式
            underline 下划线
            overline对文本添加上划线。
            line-through对文本添加中划线，与HTML中的s和 strike 元素相同。
            none 没有样式
        6.text-indent 设置文本首行缩进  单位:px  em文字个数
        7.font-family文本字体
        8.font-size 字体大小
        9.font-style 字体风格
            1）normal：文本正常显示；
            2）italic：文本斜体显示；
        10.font-weight 文字粗细
            600以上粗体
            600以下正常
        11.list-style 列表样式

能看见的内容的大小: 内容+内边距+外边距
背景的设置会自动延伸到内边距上

    设置内外边距的时候:
            1,2,4个值
    border边框三要素:
        border:宽度  样式  颜色;

    display:设置元素的属性
        block
        inline
        inline-block 行内块
            拥有行内和块元素的特点,能设置宽高和同行显示

表单使用form标签定义
表单是用来收集用户信息发送至服务器进行处理

    form常用属性:
        action 数据发送的服务器地址
        name form标签的名字
        enctype 如果存在文件上传需要指定二进制传输 multipart/form-data
        method 提交方式
            get
            post

    表单元素:
        name属性  需要提交值得表单元素必须添加name属性,没有name属性没有提交的能力  区分后台的唯一
        class : css用到
        id : js用到  区分前台页面元素的唯一
        value 值
        input标签定义大多数表单元素
            type属性的值来区分不同作用
                text普通文本框  name  value
                password 密码  加密  name
                radio 单选框 如果单选框中只能选择一个,需要设置为一组,name属性相同
                checkbox 多选框
                submit 提交
                button 普通按钮
                reset 重置
        button 按钮   type属性值
        <label> 标签为input 元素定义标注（标记）。
        常用属性:
            multiple多选
            required 必填属性
            autofocus 自动聚焦
            readonly 只读  可以提交不能修改
            disabled 禁用  不能提交  显示灰色