这篇博客介绍了HTML5中的隐藏域和单选按钮的用法，强调了<label>标签的功能。接着，文章转向CSS的学习，讲解了样式表的类型、优先级规则以及选择器的应用，包括标签选择器、类选择器和ID选择器。最后，提出了一个简单的网页布局需求，鼓励读者实践。
<input type="hidden" name="XXX"value="XXX"（加上readonly可以把这个值增加一个只读属性）>
隐藏域：我提交了，但是我不给你看到我提交了！（只读就是我还不让你改！）
<input type="radio" name="x" id="man" value="gentleman">
<label for="man">男</label>
<input type="radio" name="a" id="woman"value="lady">
<label for="woman">女</label>
label的作用就是，本来我们要选择到按钮小白点，现在我们可以别那么认真就可以选中。（按钮后面的文字提示现在改成label后面的字了哦，而且label可以在input前面~）
———————————————————————————————————————————
Cascading Style Sheet 级联样式表
<style type="text/css">(<style>)
选择器-属性(加分号;)-值
内部样式:在<head>的<style>里面（便于同页面修改）
行内样式:在各种各样的元素中使用style属性引入CSS效果
外部样式
链接外部样式新建一个x.css 然后在<head>中<link rel="stylesheet" href="效果表名">
导入外部样式在<head>里面<style>里面@import url（样式表名）; 问题是这个是老版本特有的，有些浏览器可能存在不兼容的问题。且一般情况比link的速度稍微慢一点
同选择器同属性条件下行内样式的优先级大于内部样式大于外部样式，外部优先级最低。且样式的优先级遵循就近原则（越靠近显示的东西越最后读取。）
关于CSS选择器
所有标签都可以是标签选择器，在给标签设置式样之后，所有的该标签下显示的内容都将应用设置的式样
类选择器（加样式的好东西）：<head>之前设置<style>点类名称{属性：值；}（点就是英文句号）
<body>
标签名 class=”类名称“>标签内容<标签名>
</body>
听说类选择器是最常用的CSS选择器呢。（只有加了类名才会加样式）
ID选择器：<head>上面设置<style>井号id的那个thing{属性：值；}
<标签名 id="anything">标签内容<标签名>
(一般用于独特的要显示的内容）
简而言之就是
一般来说id选择器的优先级高于类选择器高于标签选择器 不遵循就近原则哦！
下面是小练习时间
~
需求说明： 1、电子邮箱、会员登录名、密码最多能容纳的字符数是32 个字符，验证码最多能容纳 5 个字符 2、默认情况下，会员身份中的“买家”处于选中状态3，提交按钮使用素材中提供的图片代替 效果如下图示：
我在下面藏了一个错误你能看出来嘛？
感谢观看~
（偷懒没写文本域）
扫一扫
5740
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
