HTML&CSS补充

<title>

标签

标签是 标签中唯一要求包含的东西。

标题很重要，请为自己的每个文档都认真地选择一个描述性的、实用的并与上下文独立的标题。

<p>

标签

段前段后空一行，可以用CSS来改变它，只换行不空行。

<tbody>

要表格全部下载完才显示

table的summary属性

summary 属性规定表格内容的摘要，可以帮助搜索引擎更好地读懂表格内容。

summary 属性不会对普通浏览器中产生任何视觉变化。

屏幕阅读器可以利用该属性。

链接的title属性

title属性的作用，鼠标滑过链接文字时会显示这个属性的文本内容。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）

label标签

标签为 input 元素定义标注（标记）。

label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。

标签的 for 属性应当与相关元素的 id 属性相同。

css样式

内联>嵌入>外部（前提：外部先写再写嵌入，就近原则）

line-height:行间距

权值

浏览器根据权值判断使用哪种样式，标签为1，类选择符为10，id选择符为100，继承的权值很低。

当权值相同时，则用层叠的方法，即处于最后面的样式会被应用。

设置最高权值：

p{ color: blue!important;}

权值高于用户设置的样式。

2em：文字的两倍大小

块级元素特点：

1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（真霸道，一个块级元素独占一行）

2、元素的高度、宽度、行高以及顶和底边距都可设置。

3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。

内联元素特点：

1、和其他元素都在一行上；

2、元素的高度、宽度及顶部和底部边距不可设置；

3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

inline-block 元素特点：

（内联块状元素，具备所有的特点如img,input）

1、和其他元素都在一行上；

2、元素的高度、宽度、行高以及顶和底边距都可设置。

绝对定位

相对于其最接近的一个具有定位属性的父包含块进行绝对定位。

所以除了相对于浏览器，要相对于其他元素，则该元素需要写上position:relative.

字体缩写：

只写font,但是至少要有size,family属性，size与line-height之间要加入/。

深入理解float

1.float的目的是为了文字环绕效果

2.float具有包裹性和破坏性。包裹性的特点：收缩，坚挺，隔离。破坏性是会导致父元素高度塌陷。

3.float使元素block块状化，去空格化

4.float的流体布局

左侧固定，右侧自适应：左边width+float，右边margin-left/paddubg-left

右侧固定，左侧自适应且要顺序和DOM一样：左边width100%，float,margin-right,右边float,width ,margin为负值。

智能自适应布局：

补充

1.图片链接默认是有边框的

2.absolute是相对于有定位的父元素而言的