day：19 html实战3

一、表单标签

一、表单单词介绍：

表单标签格式：form
action：开始网址
method：get和post等等

表单标签：主要用来收集用户输入信息如：登入、注册、搜索商品等

用户名格式：text （明文）
密码格式：password （密文）
性别：radio 性别格式 性别是单选，单选类型是radio，注意name要加上sex
复选框：checkbox
文本框：textarea
上传文件：file
下拉选择框：select

button：按钮
reset：重置
submit：提交

二、表单编写

截图：

代码

<title>表单</title> </head> <body>

用户名：

密码：

男

女

linux
mysql
python
java

下拉框

自我介绍：

二、css层叠样式

一、层叠样式

（1）定义：css是一种用来表现html或xml等文件样式的计算机语言。
（2）css 不仅可以静态的修饰网页，还可以配合各种动态对网页元素进行格式化；
（3）层叠样式表有两种方法：

第一种：在head中加上style属性

代码：

案例：

<html> <head> <meta charset="UTF-8"> <title>层叠样式</title>

1

2

3

a i

标题

第二种：通过外链方式

在css中新建一个css文件，在css文件中写内容


在使用link 通过外链方式实现

代码：

层叠样式 </head> <body> <p id=dcs>1</p> <p>2</p> <p>3</p> <em id=dcs>a</em> <i>i</i> <h1>标题</h1> </body> ![](https://img2024.cnblogs.com/blog/3603791/202503/3603791-20250312174953414-1745288507.png) ![](https://img2024.cnblogs.com/blog/3603791/202503/3603791-20250312174959322-1296867764.png)

（2）class选择器（.）

(3)标签选择器

比如：i 标签

（4）组合标签

（5）伪类选择器

层叠样式 </head> <body> <p id=dcs>1</p> <p class=a>2</p> <p>3</p> <em id=dcs>a</em> <i>i</i> <h1>标题</h1> </body> </html> ![](https://img2024.cnblogs.com/blog/3603791/202503/3603791-20250312175127223-549265880.png)

三、层叠样式中的内容可以多样化

层叠样式
posted @ 2025-03-12 17:53  君庭  阅读(13)  评论(0)    收藏  举报