距离单位与内外边距

在android开发中常用的距离单位有px、dp、sp

px就是像素，如在480*800的分辨率的显示屏上，横排有480个小格子，竖排有800个小格子，每个格子代表一个像素点。分辨率越高，像素点越高，显示的内容也就越多

屏幕尺寸相同，但分辨率可能不同，因此dpi也可能不同，细腻程度也就不同了

dp = dip（Device Independent pixels）

px = dp * （dpi/160）

在dpi为160的屏幕上：1dp = 1px

sp：scaled pixels，通常用于指定字体的大小，当用户修改手机显示字体时，sp会随之改变

内边距和外边距用于控制控件的显示样式

设置内边距和外边距

时间： 2024-10-13 00:51:27

距离单位与内外边距的相关文章

学习微信小程序之css11内外边距集合

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .box{ width: 400px; height: 600px; background-color: #b3d4fc; } .box strong{ /*对于行内元素来说,上下的内外边距不支持设置,

Web前端技术：CSS部分深入---盒子模式，overflow属性,border属性,内外边距,水平居中问题，块\行内元素,浮动，层定位

1.盒子模式:页面中的所有元素都可以看成一个盒子,占据着一定的页面空间 2.overflow属性 hidden:超出部分不可见,默认值 scroll:显示滚动条 auto:如果有超出部分,显示滚动条 3.border属性 border-width:px \ thin \ medium \ thick border-style:dashed \ dotted \ solid \ double border-color:颜色 border:width  style color 案例 水平分割线: .

css 内外边距

一.边距 内边距: 边框于内容之间的距离. 外边距:边框于边框之间的距离. 二.外边距margin Margin的特性 margin始终是透明的. margin通过使用单独的属性,可以对上.右.下.左的外边距进行设置.即:margin-top.margin-right.margin-bottom.margin-left. 外边距的 margin-width 的值类型有:auto | length | percentage 也可以使用简写的外边距属性同时改变所有的外边距:margin: top r

css样式之边框和内外边距

1.css样式之边框:border 实心的边框: <!DOCTYPE html><html><head><meta http-equiv="content-type" content="text/html;charset=utf-8"><title>页面一</title> </head><body> <div style="border:1px solid

清楚所有元素的内外边距及边框等

/** * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/) * http://cssreset.com */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em

CSS之盒模型边框，内边距，外边距，阴影，圆角

盒子模型 盒子模型 盒子模型有元素内容.边框(border).内边距(padding).外边距(margin)组成: 盒子里面的文字和图片等元素是内容区域: 盒子的厚度 我们称为 盒子的边框: 盒子内容与盒子之间的距离是内边距: 盒子与盒子之间的距离是外边距: 标准盒子模型 盒子边框(border) border: border-width || border-style || border-color 属性 作用 border-width 定义边框粗细,单位是 px border-style

css内边距与外边距的区别

你真的了解margin吗?你知道margin有什么特性吗?你知道什么是垂直外边距合并?margin在块元素.内联元素中的区别?什么时候该用 padding而不是margin?你知道负margin吗?你知道负margin在实际工作中的用途吗?常见的浏览器下margin出现的bug有哪些?…… 写css,你少不了与margin打交道,而对于这个平时我们最常用的css属性我们并非十分了解.介于此我打算写下这篇文章,一来是自己工作中的总结,也是对自己知识的一次梳理. Margin是什么 CSS 边距属性

外边距重叠

外边距重叠是指,若两个元素上下毗邻且都定义了不为0的外边距值,同时又没有任何内边距.边框等设定,那么这两个元素之间的距离将小于二者外边距的和.因此,两个都带有20px外边距的元素垂直相接并不会显示出40px的缝隙——两个外边距会重叠在一起,最终元素之间的距离只有20px. 另外,重叠效果将同时作用于父元素和子元素之上.如果其子元素有处置外边距,则其会与下一个元素有间隙. 解决方法是在为其添加1px的垂直内边距

css之去除html标签默认的外边距margin和内边距padding,通用工具类 base.css

@charset "utf-8"; /*! * @名称:base.css * @功能:1.重设浏览器默认样式 * 2.设置通用原子类 */ /* 防止用户自定义背景颜色对网页的影响,添加让用户可以自定义字体 */ html { background:white; color:black; } /* 内外边距通常让各个浏览器样式的表现位置不同 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,le