块级元素和行内元素块级元素address - 地址blockquote - 块引用center - 举中对齐块dir - 目录列表div - 常用块级容易,也是css layout的主要标签dl - 定义列表fieldset - form控制组form - 交互表单h1 - 大标题h2 - 副标题h ...
分类:
Web程序 时间:
2019-09-14 13:25:55
阅读次数:
147
行内元素: 父级元素是块级元素:父元素设置text-align:center 1.元素水平居中 居中不好使的原因: 1、元素没有设置宽度,没有宽度怎么居中嘛! 2、设置了宽度依然不好使,你设置的是行内元素吧 实例1: 2.元素水平垂直居中 方案1:position 元素已知宽度 父元素设置为:pos ...
分类:
Web程序 时间:
2019-09-14 11:04:21
阅读次数:
109
01-flex-介绍 相比于传统布局,特点快,对移动端兼容性好; 面试:flex布局又叫伸缩 布局 、弹性布局 、伸缩盒布局 、弹性盒布局 ; 思想上:使用思想上和传统盒子完全不同,不要再想子元素是块级元素、行内元素等, 语法: 相比于传统布局,特点快,对移动端兼容性好; 面试:flex布局又叫伸缩 ...
分类:
其他好文 时间:
2019-09-11 22:10:53
阅读次数:
133
布局 html布局一般分为div布局和table布局,为了方便SEO等因素,推荐使用div布局。 大多数html元素可以分为块级元素或内联元素。块级元素通常以新行开始,内联元素则通常不会以新行开始。 div是典型的块级元素,没有特定含义,可用于组合其它HTML元素的容器,进行文档布局。 span是典 ...
分类:
Web程序 时间:
2019-09-09 22:39:26
阅读次数:
102
一、float基础用法示例 1、我们先建两个div盒子,设置高度、宽度和背景颜色; 最开始两个盒子在网页上的位置如下: 然后我们将红色盒子浮动到右边 然后我们会发现红色盒子浮动到了右边,但是蓝色盒子就直接上移到了原先红色盒子的位置。 然后我们将蓝色盒子也浮动到右边看看效果: 我们会发现它会紧跟着红色 ...
分类:
Web程序 时间:
2019-09-08 09:19:40
阅读次数:
148
一、vertical-align vertical-align是用来指定行内元素或者表格单元格元素的垂直对齐方式 vertical-align属性可被用于两种环境: 使行内元素盒模型与其行内元素容器垂直对齐。用于垂直对齐一行文本的内的图片<img> 垂直对齐表格单元内容: 注意:vertical-a ...
分类:
其他好文 时间:
2019-09-07 12:27:06
阅读次数:
83
排版标签: 标题标签:<hn></hn> (n=1~6) 段落标签:<p></p> 水平线标签:<hr/> 换行标签:<br/> 引用标签:<q></q>(短引用内联元素) <blockquote></blockquote>(长引用块级元素) 无语义标签(用于布局):<span></span>(内联 ...
分类:
Web程序 时间:
2019-09-04 18:58:03
阅读次数:
116
1.浮动的特点 1.浮动的元素不占用标准流的位置 2.浮动特性会让行内元素和块级元素都变成行内块元素,具有行内块的特性. 行内块的特点:宽高起作用,可以一行显示多个,margin,padding四面都有效 3.如果父盒子中有子盒子的话,一般的用法就是,让子盒子,要浮动都浮动,要不浮动都不浮动。 4. ...
分类:
Web程序 时间:
2019-09-01 10:22:46
阅读次数:
93
标签的分类 块级元素: 行内元素: 行内元素和块级元素的区别(重要) 行内元素: 在一行内显示; 不能设置宽高,默认的宽高就是文字的宽高; 块级元素: 霸占一行,不能与其他元素并排显示; 可以设置宽高,如果不设置宽度,默认宽度为父亲的100%,如果不设置高度,将会被内容的高度撑起。 行内元素和块级元 ...
分类:
其他好文 时间:
2019-08-31 15:02:48
阅读次数:
82
0830自我总结 HTML标签嵌套规则 1.块级元素: div、h1~h6、address、blockquote、center、dir、dl、dt、dd、fieldset、form、hr、isindex、menu、noframes、noscript、ol、p、pre、table、ul 特点:总是在新 ...
分类:
Web程序 时间:
2019-08-30 22:39:12
阅读次数:
111