标签的分类:
行级标签特性:1.几乎所有的字体标签都属于行级标签。
2.行级标签不会换行,给它设宽高没用,智能由内容撑开,与生俱来无宽高。
例如:a、span标签等
块级标签特性:1.会换行的,可设置宽高。
例如:div、p、h1-h6等
行内块级标签:可以设置宽高,但不会换行。
例如:input、img等
标签之间的转换:
1.display:block;将行级标签变成块级标签。
2.display:inline-block;将行级标签或者块级标签变成行内块级标签。
p标签首行缩进字符:text-indent:36px;谷歌浏览器的默认字体为16px一个字。
补充心得(一)的一些内容:
input在h5中新增元素:type=“color” 色块;
type=“range” 可拖动的读条 必须设置 min和max的值
type=“email” 邮件
type=“date” 日期
<progress value="50" max="100"></progress>: 进度条
<meter min="20" max="100" value="50"></meter>:进度条
行级标签特性:1.几乎所有的字体标签都属于行级标签。
2.行级标签不会换行,给它设宽高没用,智能由内容撑开,与生俱来无宽高。
例如:a、span标签等
块级标签特性:1.会换行的,可设置宽高。
例如:div、p、h1-h6等
行内块级标签:可以设置宽高,但不会换行。
例如:input、img等
标签之间的转换:
1.display:block;将行级标签变成块级标签。
2.display:inline-block;将行级标签或者块级标签变成行内块级标签。
p标签首行缩进字符:text-indent:36px;谷歌浏览器的默认字体为16px一个字。
补充心得(一)的一些内容:
input在h5中新增元素:type=“color” 色块;
type=“range” 可拖动的读条 必须设置 min和max的值
type=“email” 邮件
type=“date” 日期
<progress value="50" max="100"></progress>: 进度条
<meter min="20" max="100" value="50"></meter>:进度条