2021.7.22技术分析

CSS样式

1.行内样式，在行内加入style属性 <input style="text  placeholder="内容“>

2.基本选择器：

标签选择器：语法：标签{属性：属性值}    div{width: px;}

类选择器：语法：<标签 class="box"></div>

                             class名字{属性：属性值}  例如：box{width：300px;}      class可以给多个属性                 值，多个属性值之间用空格隔开。 例如：<div   class="box  a1  a3"></div>。

ID选择器：语法：<标签id=“box1”</div>    #ID{属性：属性值}

                          例如：#box1{width:200px}  注:ID属性值只能是1个

3，通配符：

            语法：*{属性：属性值；}  例如：*{color:red}

4,注释： ctrl+"/"    /*   */    例如：/*p标签字体设置*/

5,form表单：用来收集用户信息，常用在（用户的登录注册界面）

    语法：<form></form>

    文本框：<input type="text"    密码框：<input type="password">

    密码框：<input type="password">

    按钮：<input type="button"  value="我是一个小按钮"

提交按钮：<input  type="submit"  value="提交按钮”

重置按钮：<input  type="reset"  value="重置">

图片按钮：<input  type="image"  src="图片地址【url】"

属性：placeholder提示信息      value给一个初始的值     src设置图片按钮的路径

例如：<input type="text"  placeholder="请输入用户名”>

<input type="password"  placeholder="请输入验证码">