Blogger Information
xosing的博客
Blog
20
fans
1
comment
0
visits
17826
integral:0
P beans:40.5
  • List of blog posts
  • Grid项目在网格单元和容器中对齐的相关属性

    1. 将项目在网格单元和容器中对齐的相关属性全部实例演示;项目在网格容器中的对齐方式默认: 项目在网格单元中是拉伸的只有项目在网络单元中存在剩余空间的时候,对齐才有必要且有意义HTML代码 item1

    2020-12-28 12:33 Read 829 comment 0
  • CSS Grid网格布局详解于应用

    什么是Grid网格布局?网格是由一系列水平及垂直的线构成的以一种二维空间布局模式。常用相关术语 1.网格容器: Grid Container 由若干个矩形网格单元构成2.网格项目: Grid Item 网格容器的子元素,必须放在网络单元中3.网格单元...

    2020-12-25 14:52 Read 851 comment 0
  • Flex弹性盒元素介绍和实例

    1,什么是Flex 任何元素都可以通过添加display: flex属性,转为弹性盒元素称之为容器 转为flex元素后,它的内部的”子元素”就支持flex布局了,称之为项目 主轴: 项目排列的轴线,水平方向 交叉轴: 与主轴垂直的轴线 Fle...

    2020-12-23 18:59 Read 678 comment 0
  • position定位的理解,实例操作一个模态框。

    1.简述定位的类型与应用场景和使用条件 ; position值 说明 static 默认值,也就是文档流定位,元素的显示位置与源码顺序一致; relative 相对定位,相对于该元素在文档流中的原始位置进行偏移 。元素的位置通过 “l...

    2020-12-22 14:29 Read 635 comment 0
  • box-sizing属性和常用元素的居中方式

    1. box-sizing属性; 属性值 说明 box-sizing: content-box w3c标准盒子模型,width/height 不含padding/border box-sizing: border-box 盒模型以元素...

    2020-12-20 12:18 Read 806 comment 0
  • 解析CSS单位px、em、rem、vh、vw、vmin、vmax来实现页面的布局

    1、px:绝对单位,页面按精确像素展示.2、em:相对单位,浏览器文本的默认字号的相对关键字,通常是16px3、rem:相对单位,可理解为”root em”, 相对根节点html的字体大小来计算. 实例如下图 body{font-size: 2...

    2020-12-18 14:22 Read 1090 comment 0
  • 选择器的优先级,字体图标的应用,盒模型常用属性的缩写。

    选择器的提权方式id > class > tag 标签 ID CLASS TAG 说明 h1 0 0 1 TAG 1个 body h2 0 0 2 TAG 2个比上一个优先 html body h2 0 0 3 TAG 3个比上...

    2020-12-17 14:36 Read 625 comment 0