Document            td{            text-align: center;        }        

1.5 表单便签

· 场景：在网页中主要哦负责数据采集功能，如 注册、登录等

· 便签：

· 属性：

        · action：规定当提交表单时向何处发送表单数据。URL

        · method：规定用于发送表单数据的方式。GET、POST

· 表单项：不同类型的input元素，下拉列表、文本域等

        · ：定义表单项，通过type属性控制输入形式

        · ：定义下拉列表，定义列表项

        · ：定义文本域

注意：表单项必须有name属性才可以提交

            Document                    姓名：

        密码：

                        性别：男            女

        爱好：java        game        sing

        图像：

        生日：

        时间：

        日期时间：

        邮箱：

        年龄：

        学历：            -----请选择-----            大专            本科            硕士            博士        

                描述：

二. CSS

        CSS（Cascading Style Sheet）：层叠样式表，用于控制页面的样式（表现）

2.1 CSS的引入方式

· 行内样式：写在标签的style属性中（不推荐）

· 内嵌样式：写在style标签中（可以写在页面任何位置，但通常约定写在head标签中）

· 外联样式：写在一个单独的.css文件中（需要通过link标签在网页中引入）

2.2 CSS选择器

        用来选取需要设置样式的元素（标签）

        CSS选择器的优先级：id选择器 > 类选择器 > 元素选择器

2.3 CSS属性

· color：设置文本的颜色

· font-size：字体大小（注意：记得加px）

· line-height：设置行高

· text-indent：定义第一个行内容的缩进

· text-align：规定元素中的文本的水平对齐方式

· text-decoration: 规定添加到文本的修饰，属性值none表示定义标准的文本（去除下划线）

2.4 CSS盒子模型

盒子：页面中所有的元素（标签），都可以看作是一个盒子，由盒子将页面中的元素包含在一个矩形区域内，通过盒子的视角更方便的进行页面布局

盒子模型组成：内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin）

布局标签：实际开发网页中，会大量频繁的使用p和span这两个没有语义的布局标签

标签：

特点：

        · 标签

                · 一行只显示一个（独占一行）

                · 宽度默认是父元素的宽度，高度默认由内容撑开

                · 可以设置宽高（width、height）

        · 标签：

                · 一行可以显示多个

                · 宽度和高度默认由内容撑开

                · 不可以设置宽高（width、height）

            盒子模型            p{            width: 200px;            height: 200px;            box-sizing: border-box;  /* 指定width height为盒子的高度和宽度（包括内容、内边距、边框） */            background-color: aquamarine;  /* 背景色 */            padding: 20px 20px 20px 20px;  /* 内边距 上 右 下 左 */            border: 10px solid red;  /* 边框 宽度 线条类型 颜色 */            margin: 30px 30px 30px 30px;  /* 外边距 上 右 下 左 */        }                A A A A A A A A A A A A A A A A A A A A A A A A     

CSS属性：

        width：设置宽度

        height：设置高度

        border：设置边框的属性

        padding：内边距

        margin：外边距

注意：如果只需要设置某一个方位的边框、内边距、外边距，可以在属性名后加上 -位置，如：padding-top、padding-left、padding-right……

案例：一个页面

                              这是一个html页面                h1{            /*             颜色表示形式：                1.关键字：预定义的颜色名 如red、green、blue……                2.rgb表示法：红绿蓝三原色（每项取值范围：0-255） 如rgb(0,0,0)  rgb(255,255,255) rgb(255,0,0)                3.十六进制表示法：#开头，将数字转换成十六进制表示 如#000000、#ff0000、#cccccc，简写#000，#ccc              */            /* color: gray; */            /* color: rgb(0,255,0); */            color: #4D4F53;        }        /* 元素选择器 */        /* span{            color: #968D92;        } */        /* 类选择器 */        /* .cls{            color: #968D92;        } */        /* id选择器 */        #time{            color: #968D92;            font-size: 13px;        }        a{            color: black;            /* 文本装饰，none去除下划线 */            text-decoration: none;        }        p{            /* 首行缩进 text-indent */            text-indent: 35px;            /* 设置行高 line-height */            line-height: 30px;        }        #plast{            /* 靠右对齐 */            text-align: right;         }        #center{            width: 65%;            /* margin: 0% 17.5% 0% 17.5%;  上右下左 */            margin: 0 auto; /* 第一个值代表上下 第二个值代表左右 */        }                                     百度 > 正文                        
新闻标题
        
        2024年5月20日 13:14 来源：XXX        
消息xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
        
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
        
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
        
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
        
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
        
责任编辑：xxxx