css4-1至4-3
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">列表：</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">#04-1 CSS 元素<span style="color: black;">归类</span>（块级元素、行内元素）+a元素</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">#04-2 CSS 语义化标签—H5标签</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">#04-3-1 表单元素</p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">#04-3-2 表单提交原理（<span style="color: black;">触及</span>post和get）</p>#04-4 API自带元素标签
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><a style="color: black;">纯CSS实现表单验证</a></p>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">#04-1 CSS 元素<span style="color: black;">归类</span>（块级元素、行内元素）+a元素</p>display:block、inline、inline-block 块级<span style="color: black;">包括</span>块级和行内；行内只能<span style="color: black;">包括</span>文本和行内 块级占据一整行空间；行内占据<span style="color: black;">自己</span>宽度空间， 宽高设置、内外边距的差异<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">**1、 块级元素</p>
<div style="color: black; text-align: left; margin-bottom: 10px;">div h1-h6 p hr（线）
form table pre ul li dl ol
dd dt tr td th</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">**2、行内元素（内联）</p>
<div style="color: black; text-align: left; margin-bottom: 10px;">em strong span a img br
button input label select textarea
code script</div>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">如图：</p>
<div style="color: black; text-align: left; margin-bottom: 10px;"><img src="https://pic2.zhimg.com/80/v2-895a580aca74b4864a20af8ffda47375_720w.webp" style="width: 50%; margin-bottom: 20px;"></div>
<h2 style="color: black; text-align: left; margin-bottom: 10px;">#04-2 CSS 语义化标签—H5标签</h2>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;"><span style="color: black;">1、</span>HTML版本</p>
</h3>
<h3 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">2、</span>新增H5标签</h3>
<h3 style="color: black; text-align: left; margin-bottom: 10px;">
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">#04-3-1 表单元素</p>
</h3>
<h2 style="color: black; text-align: left; margin-bottom: 10px;"><span style="color: black;">1、</span>实践</h2>
<p style="font-size: 16px; color: black; line-height: 40px; text-align: left; margin-bottom: 15px;">1、贴上完整的代码图：</p><label for="username">姓名</label> <input type="text" id="username" name="username1" placeholder="用户名"> <input type="password" id="password" name="password1"> <input type="radio" name="sex" value="男">男 <input type="checkbox" name="hobby" value="dota">dota <label for="textarea">评论</label> <textarea name="article"> 123 </textarea> <input type="hidden" name="abcd" value="12345"> <input type="file" name="myfile" accept="image/png"> <select name="city"> <option value="cat">猫</option> </select><div style="color: black; text-align: left; margin-bottom: 10px;"><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<div class="login">
<input type="text" name="sex">
<form action="/a123" method="get">
<div class="username">
<label for="username">姓名</label>
<input type="text" id="username" name="username1" placeholder="用户名">
</div>
<div class="</div>
我完全赞同你的观点，思考很有深度。
页:
[1]