CSS
meimeilive
这个作者很懒,什么都没留下…
展开
-
Flexbox 布局
Flexbox 是 flexible box 的简称,意思是“灵活的盒子容器”,是 CSS3 引入的新的布局模式。它决定了元素如何在页面上排列,使它们能在不同的屏幕尺寸和设备下可预测地展现出来。它可以很方便地用来改善动态或未知大小的元素的对齐,方向和顺序等等。flex容器的主要特性是它可以调整其子元素的宽度或高度去填充可用的空白区,以最优的方式达到兼容不同屏幕大小。 它即可以应用于容器中,...原创 2018-07-25 15:37:35 · 243 阅读 · 0 评论 -
响应式布局
响应式web设计(Responsive Web Design) 可以改变尺寸传递网页、 对平板何移动设备是必需的 网站能够兼容多个终端-而不是为 一个页面需要兼容不同终端,那么有两个关键点是我们需要去做到响应式的:响应式布局和响应式内容(图片、多媒体) 响应式布局 Meta标签定义 使用Media Queries适配对应样式 响应式内容 响应式图片 相关知识 (1)...转载 2018-07-25 16:11:26 · 170 阅读 · 0 评论 -
块元素 、行内元素、置换元素 、非置换元素
搬砖~ 块元素 块级元素前后会单独换行 块级元素可设置width,height,margin,padding属性有效 可以容纳行内元素和其他块元素,<form>只能容纳其他块元素 块级元素却总是会在新的一行开始排列,各个块级元素独占一行,垂直向下排列,若想使其水平方向排序,可使用左右浮动(float:left/right)让其水平方向排列。块级元素即使设置了宽度,仍然是独占一行...转载 2018-07-26 20:16:34 · 1049 阅读 · 1 评论