51Dev开发社区
登录 注册

#盒子

CSS盒子模型（CSS Box Model）
CSSBoxModel，即CSS盒子模型，是一个比较基础的CSS概念。所谓盒子（Div、Span等等都是盒子），其实就是容器的意思，用来填装别的东西。Content：Thecontentofthebox,wheretextandimagesappear.内容：盒子里填装的东西，比如文本、图片、表单。内容就是内容，不能再...
开发笔记 ·2022-04-16

如何将一个div盒子水平垂直都居中？
    方法一：利用定位（常用方法,推荐）.parent{position:relative;}.child{position:absolute;top:50%;left:50%;margin-top:-50px;margin-left:-50px;}方法一的原理就是定位中心点是...
代码星球 ·2021-02-22

css 盒子模型理解
盒子模型是html+css中最核心的基础知识，理解了这个重要的概念才能更好的排版，进行页面布局。下面是自己积累和总结的关于css盒子模型的知识^_^，希望对初学者有用。一、css盒子模型概念CSScss盒子模型又称框模型(BoxModel)，包含了元素内容（content）、内边距（padding）、边框（border...
代码星球 ·2021-02-22

CSS边距---盒子模型
盒子模型主要是有margin(外边距)、border(边框)、padding(内边距)、content(内容)组成，这些属性我们可以把它转移到我们日常生活中的盒子上来理解，日常生活中所见的盒子也就是装东西的箱子，也具有这些属性，所以叫它盒子模型其中content(内容)又可以有两个元素width(宽)和height(高...
代码星球 ·2021-02-20

弹性盒子属性介绍
##什么是弹性盒子弹性盒子模型是css3中新提出的一种布局方案。是一种为了应对针对不同屏幕宽度不同设备的一整套新的布局方案。主要是对一个容器中的子元素进行排列、对齐和分配空白空间的方案的调整。##如何设置一个弹性盒子```如何将一个容器变为弹性容器呢？display:flex|inline-flex```具体的弹性容器...
代码星球 ·2021-02-15

css（四）-- 盒子模型和定位
盒子模型:盒子模型就是把一个html边框比作成了一个盒子的边框，盒子模型要做用于操作数据与边框之间的距离或者是边框与边框之间的距离。盒子模型主要是用于操作内边距(padding)与外边距（margin）盒子模型的示意图如下：css的定位：使用方式：      ...
代码星球 ·2021-01-23

css弹性盒子-------桃园三兄弟之：flex-grow、flex-shrink、flex-basis详解
flex-grow、flex-shrink、flex-basis三个属性的作用：在flex布局中，父元素在不同宽度下，子元素是如何分配父元素空间的。(注意：这三个属性都是在子元素上设置的，下面小编要讲的是父元素，指以flex布局的元素(display:flex))小编这里先教一下大家如何快速记住这三个属性：首先是&nb...
代码星球 ·2021-01-17

css 弹性盒子（flex布局）的起边和终边详解
1<!DOCTYPEhtml>2<html>3<head>4<metacharset="utf-8">5<title></title>6<style>7*{8margin:0;9padding:0;10list-style:none;1...
代码星球 ·2021-01-17

css3动画之两面翻转的盒子
<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>/*先清掉默认的样式*/body{margin:0;padding:0...
代码星球 ·2020-12-24

CSS盒子模型与怪异盒模型
盒子模型（BoxModle）可以用来对元素进行布局，包括内边距，边框，外边距，和实际内容这几个部分。盒子模型分为两种第一种是W3c标准的盒子模型（标准盒模型） 、第二种IE标准的盒子模型（怪异盒模型） 当前大部分的浏览器支持的是W3c的标准盒模型，也保留了对怪异盒模型的支持，当然IE浏览器沿用的是怪...
代码星球 ·2020-12-24

纯CSS3制作3d网红热词盒子
今天给大家分享的是css3制作的带3d效果的方块，上面简单整理了一下2019年的网红热词。这个DEMO用到了css3的3d变化技巧，做出来的效果还不错。请注意，该3d效果依赖transform-style:preserve-3d属性，必须在现代浏览器或IE11中才能看到效果。 盘他柠檬精OMG我太难了996我...
代码星球 ·2020-12-24

flexbox弹性盒子布局
布局的传统解决方案，基于盒状模型，依赖display+position+float属性。他对于特殊布局非常不方便，比如垂直居中。 而flex布局可以简便、完整、响应式的实现各种布局。设置为flex布局后，子元素的float属性、position属性和display属性都会失效。 flex弹性盒子模型...
代码星球 ·2020-11-21

Arduino IDE for ESP8266 项目云盒子（4）组网
   ...
代码星球 ·2020-08-29

Arduino IDE for ESP8266 项目云盒子（3）外网访问
互联网访问esp8266 https://item.taobao.com/item.htm?spm=a230r.1.14.20.eYblO3&id=521945102409&ns=1&abbucket=7#detail ...
代码星球 ·2020-08-29

Arduino IDE for ESP8266 项目云盒子 （1）AP直接模式
手机直接连接esp8266辐射的WIFI，通信。  https://item.taobao.com/item.htm?spm=a230r.1.14.20.eYblO3&id=521945102409&ns=1&abbucket=7#detail #include&l...
代码星球 ·2020-08-29
首页上一页123下一页尾页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他