css基础杂记
- 当Img属性分别单设置一个width或者height时候，图片会等比例进行调整。如果同时设置了两个值，那么必须等比例数值才能保持图片不变形哦。
- cellspacing表示单元格之间的间隙。
- <col>代表一列，可以将类似表格钟的某一列进行一次性设置宽度，例如<col width="100px">，正常情况下，有几列就需要写几个col，此时，引入一个新的列分组标签<colgroup>既可以将原先的N个<col>设置的width合并成一个，类似<colgroup span="N" width="100px">
- <th>就等于加粗并且居中的<td>
- 超链接不能嵌套超链接，p标签也不能嵌套p标签，标题标签h1...h6也不能相互嵌套。
- Form必须要有action属性，表示提交地址。
- 所有需要提交的数据，input必须要有name属性。
- input按钮的文字，使用value属性表示。
- input必须放在form标签内才能提交。
- Input标签常见类型总结：text->文本输入框；password->密码输入框；radio->单选框；checkbox->复选框；button->普通按钮；submit->提交按钮；reset->重置按钮；file->文件选择框。
- get请求通常表示获取数据，post请求通常表示提交数据，get请求发送的数据都写在地址栏上，用户可见，post请求发送的数据用户不可见，get请求不能提交大量数据，但post可以。
- <span>一个容器标签，不具备任何特殊功能，仅当作容器来使用。用于包裹一段文本，便于给文本增加样式。
- <div>一个通用容器标签，不具备任何特殊功能，仅当作容器来使用。可以包裹任何内容，也可以容器之间相互包裹（div里面嵌套div）或者重叠或者覆盖。
- 一个空的div，默认的宽度是100%，高度为0。
- text-align:center让容器内部元素水平居中。
- margin:auto让容器本身水平居中。
- 元素宽高的百分比，是相对于父元素而言的，若父元素高度为0，则子元素高度即使设置100%，大小也是0，html元素大小是相对于浏览器窗口而言的。
- css的优先级：行内样式(<style="...">) > ID选择器(#) > 类选择器(.) > 标签选择器(div) > 通用选择器(*)
- 浮动元素会脱离网页文档，与其他元素发生重叠，但是，不会与文字内容发生重叠。
- 浮动元素在排列时，只参考前一个元素位置即可，所以下方的4方块正确显示位置如图：不考虑1号元素，也不考虑2号元素，只考虑3号（前一个元素）即可。
如果是如下图这样的话，那么就不考虑3号，不考虑2号，只考虑1号（前一个元素）即可哦
SRE实战 互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。 - 消除浮动的影响可以使用overflow:auto或者clear:both/left/right进行设置。
- 当子元素进行浮动时，它没办法撑开父元素，所以一般要给父元素增加一个高度。如果不想设置高度，那么参看21方式也可以。
- 浮动元素的重叠问题：
- 浮动元素不会覆盖文字内容。
- 浮动元素不会覆盖图片内容（因为图片本身也属于文本，可以将图片看作是一种特殊的文字）。
- 浮动元素不会覆盖表单元素（输入框、单选按钮、复选框、按钮、下拉选框等。）
- 当样式发生冲突时，谁的权重高，谁就生效：
- 通用选择器 * 权重值：0
- 标签（元素）选择器 div、p.... 权重值：1
- 类（别）选择器 .act、.nav.... 权重值：10
- ID选择器 #btn、#box.... 权重值：100
- 行内样式 权重值：1000
- 我是例子：#box p .tt（总权重值为100+1+10=111）和#box .tt（总权重值为100+10=110），所以前面的权重值更高！
- 总结：选择器选择的范围越小、越精确，优先级就越高。
更多精彩
