CSS-freecodecamp

本文介绍了HTML中的section标签,表单元素如required、input、figure、form和action属性,以及CSS属性如button、id、radio、fieldset、legend、lang、box-shadow和颜色表示。这些内容详细讲解了如何构建和设计表单,以及如何控制元素的外观和功能。
摘要由CSDN通过智能技术生成

23.12.1

section

用section标签来区分部分,更加清晰

required、name

input标签中required属性,使用户必须填了这个表单才能上传
input标签中name和表单的上传、读取有关

figure系列

figure、figcaption,独立于网页的流
在这里插入图片描述
文档是这样说的,我也没看懂
个人理解可能是说,主内容的盒子、flex等等和他没关系,他是固定的

form属性


action(form的属性)

定义和用法
action 属性规定当提交表单时,向何处发送表单数据。

button

单击没有任何属性的表单按钮的默认行为会将表单提交到表单的 action 属性中指定的位置。

button和form(表单连用)

form中的提交:

  1. input type=“submit”
  2. button type=“submit”

id

一个id在同一个页面只能出现一次
具有独特性
常用在JavaScript
作为选择器,优先级比较高

radio(单选框)

同一个name下单选框只会被选中一个
name又决定了radio的结果会上传到哪里

value

菜鸟文档:
在这里插入图片描述

filedset

给选择框加框框

< fieldset> 元素将一个 HTML 表单的一部分组成一组,内置了一个 < legend> 元素作为 fieldset 的标题。这个元素有几个属性,最值得注意的是 form,其可以包含同一页面的 < form> 元素的 id,以使 < fieldset> 成为这个 < form> 的一部分,即使 < fieldset> 不在其内。还有 disabled 属性,可将 < fieldset> 及其所有内容设置为不可用。

对了,markdown会识别html语法,很烦,刚刚的引用中的标签不加空格不显示

legend

给fieldset加标题

lang

放在< html >标签里,表示语言,en是英文

box-shadow

box-shadow: a b c d e;
a:x轴偏移量
b:y轴偏移量
c:模糊半径
d:渐变半径(从阴影颜色过渡到周围颜色)
e:阴影颜色

颜色表示

  1. rgba
  2. hsla h:色相(什么色的) s:饱和度 l:明度亮度
  3. #0x(十六进制)
    用在各种需要颜色的地方:bgc,color,boxshadow-color等等

  • 7
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值