2021/07/14 知识点总结-优快云博客

本文介绍了如何使用HTML和CSS创建表单，包括输入框、按钮与样式设置，并深入讲解了CSS的选择器和样式表的创建。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!--

一、表单

1.表单的作用：收集用户信息

2.表单的创建：

<input/>:输入框

<input tapy=“属性”

文本框：<input type="text">

密码框<input type="password">

提交按钮<input type="submit">

普通按钮<input type="button">

清空按钮<input type="reset">

给按钮命名：value=""

示例：<input type="submit" value="提交">

属性:placeholder "描述输入文本、密码的提示信息"

图片按钮：<input type="image" src="图片路径">

name属性：<input type="text" name="text">：把用户的信息发给服务器

二、css

1.语法：

选择器{属性：属性值；}

标签选择器：标签{属性：属性值}例：例如：div{width：200px；}

clss选择器：<标签 clss=“a”><标签/>例如：

   .a{        

        width: 100%;

        height:80px ;

        background-color: pink;

    }

ID选择器：<标签 ID=“a”><标签/>例如：

            #a{

           background-color: aquamarine;

           width: 400px;

           height: 40px;

           color: green;

            }

通配符选择器：让所有的标签改变样式例如：

            *{

        color: gold;

        }

群组选择器：当几个元素一样时可以同时改样式

例如：

        .a #a a {

        color: gold;

        }

选择器的优先级：ID>clss>标签>通配符

2.样式表的创建：

内部样式、外部样式、行内样式

内部样式：

     <style>

            p{

        font-size: 30px;

        color: blue;

    }

    a{

        color: red;

    }

    </style>

行内样式：

    <input type="submit" value="提交" style="width: 80px; height: 30px; background-color: aqua;">

外部样式：

    <head>

    <meta charset="UTF-8">

    <title>Document</title>

    <link rel="stylesheet" href="css的路径">

</head>

-->