首页 >  
搜索关键字:外边距    ( 1411个结果
inline-block特性
既呈现 inline 特性(不占据一整行,宽度由内容宽度决定) 又呈现 block 特性 (可设置宽高,内外边距) 默认情况下,inline-block元素之间就有空隙出现(缝隙的实质就是元素标签段之间的空格) 1.去掉HTML中的空格; 2.使用font-size:0; vertical-alig ...
分类:其他   时间:2020-07-05 21:00:37    收藏:0  评论:0  赞:0  阅读:2
外边距塌陷(外边距合并)
1.父子块级 元素外边距塌陷 子元素加margin­top,父元素也加margin­top, 如果父元素没有设置margin­top,那默认0,取的是其中最大 的值,这个效果作用父元素身上啦 , 原因 :他俩共用一个外边距 . 解决 : 方法一 : 给父元素加 border/padding 方法二: ...
分类:其他   时间:2020-07-05 19:44:32    收藏:0  评论:0  赞:0  阅读:2
解决垂直外边距合并的几种办法
外边距合并指的是,当两个垂直外边距相遇时,它们将形成一个外边距。 合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 注释:只有普通文档流中块框的垂直外边距才会发生外边距合并。行内框、浮动框或绝对定位之间的外边距不会合并。 几种解决办法: 1:父容器:border:1px solid;( ...
分类:其他   时间:2020-07-05 16:08:36    收藏:0  评论:0  赞:0  阅读:1
css文本、字体、盒模型(重点)
1、文本:改变文本的颜色、字符间距,对齐文本,装饰文本,对文本进行缩进,等等。 text-indent:首行缩进; text-align:文本行对齐方式; text-decoration:下划线underline、删除线line-through、顶划线overline;(装饰修饰) line-hei ...
分类:Web开发   时间:2020-07-03 09:21:06    收藏:0  评论:0  赞:0  阅读:28
【移动端】移动端适配方案
lib-flexible+px2rem-loader+postcss-plugin-px2rem 帮你解决移动端适配 ...
分类:移动平台   时间:2020-07-02 19:01:31    收藏:0  评论:0  赞:0  阅读:7
CSS position absolute和fixed新认识
absolute元素会被移出正常文档流,并不为元素预留空间,通过指定元素相对于最近的非 static 定位祖先元素的偏移,来确定元素位置。绝对定位的元素可以设置外边距(margins),且不会与其他边距合并。 fixed元素会被移出正常文档流,并不为元素预留空间,而是通过指定元素相对于屏幕视口(vi ...
分类:Web开发   时间:2020-07-01 19:00:59    收藏:0  评论:0  赞:0  阅读:6
CSS中那些必须掌握的概念
一、盒子模型 1.什么是盒子模型 css盒模型本质上是一个盒子,封装周围的html元素,它包括:外边距(margin)、边框(border)、内边距(padding)、实际内容(content)四个属性。盒模型允许我们在其它元素和周围元素边框之间的空间放置元素。 2.标准盒子模型 根据 W3C 的规 ...
分类:Web开发   时间:2020-07-01 12:19:27    收藏:0  评论:0  赞:0  阅读:6
CSS布局之浮动布局
布局(layout),指各个元素在网页里如何摆放以形成最终的页面,默认布局是从左到右、从上到下。改变元素的默认布局方式有很多种,浮动(float)就是其中一种。 1. 浮动(float) 浮动类似于word里面文字围绕图片的效果,可设置为向左(left)或向右(right)浮动。 // 元素默认没有 ...
分类:Web开发   时间:2020-06-29 21:28:32    收藏:0  评论:0  赞:0  阅读:21
CSS布局之盒子模型[一]
每个HTML标签都会生成一个盒模型,盒模型是正常流布局非常重要的概念。盒模型由内边距(padding)+长度(width)+高度(height)+边框(border)+外边距(margin)组成。 1. 宽度(width)和高度(height) 盒模型有2种类型,怪异盒模型和标准盒模型,在不同盒模型 ...
分类:Web开发   时间:2020-06-29 21:25:11    收藏:0  评论:0  赞:0  阅读:23
03前端_css盒子
盒子模型 css中的盒子是由element、padding、border、margin组成 element:元素内容 padding:内边距:是内容距离内边框的距离 border:边框 margin:外边距:是元素和元素之间的距离 盒子的属性 内容的宽度和高度 width宽度属性:宽度值|百分比|a ...
分类:Web开发   时间:2020-06-26 00:28:40    收藏:0  评论:0  赞:0  阅读:37
盒子模型
盒子模型的组成 margin 外边距 盒子与盒子之间的距离 border 边框 包装盒 padding 内边距 填充物 content 内容 买好的东西 1.margin 合起来写的属性 4个 当你写一个的时候,四个全部相同 两个的时候,上右,对边补齐 三个的时候,上右下,对边补齐 margin-t ...
分类:其他   时间:2020-06-26 00:14:47    收藏:0  评论:0  赞:0  阅读:83
解决块状元素垂直外边距的塌陷问题
解决块状元素垂直外边距的塌陷问题 我想要的图形 实际上得到的图形 解决方案 给定父元素边框 给父元素添加内边距 使用overflow:hidden 代码如下: <style type="text/css"> .father { width: 200px; height: 200px; backgro ...
分类:其他   时间:2020-06-23 22:06:01    收藏:0  评论:0  赞:0  阅读:21
4.盒子模型的属性,定位以及浮动定位(菜鸟学前端)
盒子模型 常用属性简介: 基本写法: border:3px solid(实线) red; margin外边距 padding内边距 注意1::内外边距是相对的属性 注意2:默认内边距影响盒子大小 box-sizing: border-box(固定盒子的大小) float:浮动 浮动有两个属性left ...
分类:其他   时间:2020-06-22 18:03:20    收藏:0  评论:0  赞:0  阅读:22
margin和padding的值是百分比的时候是怎么计算的?
百分比取值的计算 对元素的margin和padding设置百分比的时候,他的百分比是相对于父元素的宽度width计算的,margin上下左右都是如此。 如果没有为元素声明width的时候,此时元素的宽度取决于父元素的width,这样可以得到流式布局,元素的外边距会扩大和缩小来适应父元素的大小。 为什 ...
分类:其他   时间:2020-06-21 18:46:48    收藏:0  评论:0  赞:0  阅读:20
20条书写CSS代码
01、谨慎使用外边距属性与其它的属性不同,垂直方向上的外边距相遇时将会发生折叠。这意味着如果一个元素的下边距遇到了另一个元素的上边距,那么二者中较大的一个将被留下。下面是一个简单的例子。 <div class="square red"></div> <div class="square blue"> ...
分类:Web开发   时间:2020-06-20 13:11:39    收藏:0  评论:0  赞:0  阅读:21
HTML面试题
一、HTML元素分类及其特点 1.行内元素 在一行内显示,水平方向排列。有默认高度(当前浏览器默认字体的高度),没有默认宽度,元素的大小由包裹内容决定,且不能设置宽高和内外边距。元素内部不能包含块级元素。 2.块级元素 独占一行,垂直方向排列。可以设置宽高,默认宽度是父元素的100%。可以包含行内元 ...
分类:Web开发   时间:2020-06-19 15:37:58    收藏:0  评论:0  赞:0  阅读:16
Android 控件一 TextView
前言 本文简记 Android 控件 TextView 的常用属性及使用方法。 常用属性 基础属性 请参阅:Android 布局与相关属性 的基础属性部分。 包括:id 属性,宽度、高度属性,背景属性,内、外边距属性等。 文本相关 文本内容属性:android:text="" 文本颜色属性:andr ...
分类:移动平台   时间:2020-06-18 21:41:49    收藏:0  评论:0  赞:0  阅读:24
CSS学习 - 盒模型&flex
css学习 盒子模型 padding:即内边距,围绕着内容(比如段落)的空间。 border:即边框,紧接着内边距的线。 margin:即外边距,围绕元素外部的空间。 块元素 -- 独占一行(块)内联元素 -- 没有干扰的话。会在前面的元素后面 flex 模型 主轴就是水平轴,交叉轴就是垂直轴 主轴 ...
分类:Web开发   时间:2020-06-16 14:11:09    收藏:0  评论:0  赞:0  阅读:15
CSS设置行内元素和块级元素的水平居中、垂直居中
什么叫行内元素(内联元素)? 常见的span、a、lable、strong、b等html标签都是行内元素 默认情况下,行内元素均无法设置宽度、高度、上下方向margin的外边距等 一般在css中添加属性: display:inline //这时设置成了内联元素 什么叫块级元素? 常见的div、p、l ...
分类:Web开发   时间:2020-06-16 13:39:30    收藏:0  评论:0  赞:0  阅读:25
相邻元素之间的margin合并问题
任何元素都可以设置border 设置宽高可能无效 行内元素设置padding,margin上下是无效的,左右是有效的 外边距合并:指的是,当两个垂直外边距相遇时,它们将形成一个外边距。 合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。 外边距合并(叠加)是一个相当简单的概念。但是,在实 ...
分类:其他   时间:2020-06-12 23:58:32    收藏:0  评论:0  赞:0  阅读:14
1411条   1 2 3 4 ... 71 下一页
© 2014 bubuko.com 版权所有 鲁ICP备09046678号-4
打开技术之扣,分享程序人生!
             

鲁公网安备 37021202000002号