UI
关注
分享
扫一扫
csdn_ask001
这个作者很懒，什么都没留下…
展开
-
UI布局：Margin和absolute的区别
top：20px, 整体移动元素，不放大，不缩小。padding： 放大或者缩小元素，从内容开始缩小，边框的位置不变。margin： 放大或者缩小元素，从边框开始缩小。原创 2022-09-07 16:57:04 · 336 阅读 · 0 评论 -
UI 自适应宽度布局-按百分比
<html> <head> </head> <body> <div id="main"> <div id="row1"> <div id="left">left</div> <div id="middle">middle</div> .原创 2021-09-30 16:48:58 · 217 阅读 · 0 评论 -
JPG,PNG,GIF 的区别
PNG 网页设计中为了使图片下面的背景颜色显示出来，我们经常会使用png24透明的图片。 Png图片如果色彩较多或复杂，则图片生成后的格式是很大的，相比较jpg的放有5~6倍之多，所以没特别要求不能以png替代jpg的使用。 Png图片多用于网页中的图标设计。 JPG 使用该格式的场景：网页背景、小图标、色彩度低的小切片、动画图片； 在通常情况下面 jpg与jpeg是一样的，只...原创 2020-01-06 16:52:37 · 544 阅读 · 0 评论 -
CSS： inline、block和inline-block的区别
block块级元素特点：1、每个块级元素都从新的一行开始，并且其后的元素也另起一行。（很霸道，一个块级元素独占一行）2、元素的高度、宽度、行高以及顶和底边距都可设置。3、元素宽度在不设置的情况下，是它本身父容器的100%（和父元素的宽度一致），除非设定一个宽度。inline内联元素特点：1、和其他元素都在一行上；2、元素的高度、宽度及顶部和底部边距不可设...转载 2019-12-25 15:11:38 · 89 阅读 · 0 评论 -
Flex 布局
Flex是Flexible Box的缩写，翻译成中文就是“弹性盒子”，用来为盒装模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。.box{ display: -webkit-flex; /*在webkit内核的浏览器上使用要加前缀*/ display: flex; //将对象作为弹性伸缩盒显示}当然，行内元素也可以使用Flex布局。.box { ...转载 2019-12-25 14:51:57 · 105 阅读 · 0 评论 -
Css 布局
#main { background-color: cadetblue; display: flex; /*内部元素居中*/ justify-content: center; } position:absolute //适合将一个子元素放到父元素的左上角之类的情景，自己会脱离文件流不占位置，父元素必须设定......原创 2019-12-23 16:55:42 · 91 阅读 · 0 评论