开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第19天，点击查看活动详情
文章概览
- 表格与表单
- 混合函数和弹性盒
表格
可以把表格分为三部分：头部（thead）、主体（tbody）、底部（tfoot），th表示表头，td表示行，元素在td中默认垂直居中，如果需要修改这一默认值，可以通过vertical来设置；当表格中没有tbody而是直接使用tr的话，浏览器会自己创建一个tbody，并将tr全部放到其中，另外需要注意tr并不是table的子元素。
表单
- 表单一般用于提交数据。
- 可以使用form标签创建表单。
- form表单的action属性用来表示表单提交的服务器的地址。
- 如果要将数据提交到服务器中，就必须为form内的元素设置name属性。
单选按钮
使用input并且设置type等于radio就可以设置选择框元素，需要指定一个value属性，这个属性会作为用户填写的值来传递给服务器。另外，使用checked可以将单选按钮设置为选中状态。
其他属性
- autocomplete=“off”，表示关闭自动补全。
- readonly表示表单将设置为只读，数据会提交。
- disabled表示将表单设置为禁用，数据不会提交。
- autofocus表示表单项自动获取焦点。
混合函数
- :extend()用来扩展当前选择器的样式（选择器分组）。
- 使用类选择器时可以在选择器后面加括号，这相当于创建了一个mixins。
- 混合函数：在混合函数中开发者可以直接声明变量，调用混合函数会按顺序传递参数。
弹性盒
flex即弹性盒是CSS中的一种布局，主要用来代替浮动来完成页面的布局，flex可以使元素具有弹性，使元素根据页面大小的改变而改变。要使用弹性盒首先要将元素设置为弹性容器。
