Blogger Information
微光
Blog
13
fans
0
comment
0
visits
10448
integral:0
P beans:26
  • List of blog posts
  • 实列演示模板字面量,标签函数以及解构赋值

    1、模板字面量模板字面量用一对 ( `` ) 表含。变量用 $(变量名) 表示。1、平时声明一个字符串,如果换行,需要用“\n\”字符: let qwe = "今天Chrome更新了87最新版,\n\这是今年最后一次Chrome更新了";consol...

    2020-12-01 18:48 Read 727 comment 0
  • 一个简单的模态框

    1、效果展示 2、html代码 PHP中文网

    2020-11-27 15:16 Read 693 comment 0
  • 用grid来实现栅格布局

    1、用grid来实现12栅格布局css代码部分: * { margin: 0; padding: 0; box-sizing: border-box;}.container { min-width: 100vw; min-height: 1...

    2020-11-25 20:41 Read 979 comment 0
  • grid布局初了解

    基本概念1、容器和项目采用网格布局的区域,称为“容器”。容器内部的采用网格定位的子元素称为“项目”。 itme1 itme2 ...

    2020-11-24 18:27 Read 687 comment 0
  • flex布局初体验以及媒体查询media的使用方法

    1、用flex布局做一个简洁的PC端页面 css代码: /* 初始化 */ *, ::after, ::before { margin: 0; padding: 0; ...

    2020-11-11 20:06 Read 1200 comment 0
  • BFC的作用以及flex布局的容器属性

    1、 BFC问:什么是BFC?答:BFC(Block formatting context),中文叫“块级格式化上下文”。它在html页面中有自己独立的“王国”,它可以管理自己内部的所有元素。 下面介绍一下它的几个主要作用: 1、它可以清除浮动。通过...

    2020-11-05 17:22 Read 898 comment 0
  • html中的两种列间隙方法以及table型的等高列

    1、实现列间隙的方法在html代码中,想要实现列间隙,无非就是设置盒子的margin值,在这里有两种可以实现的方法,我们举例演示。1、直接用百分比来进行设置 123 ...

    2020-11-02 17:45 Read 1010 comment 0
  • em、rem和px的实用场景以及vw、vh的初体验

    1、em、rem与px的实用场景1.1 在html代码中,使用较多的单位是相对单位em、rem以及固定单位px。他们的实用场景分别是: 1、em:通常用于依赖字号的元素属性上,比如margin、padding、winth、height等元素; ...

    2020-11-02 16:41 Read 757 comment 0
  • 盒模型属性简介以及相对单位em的基本用法

    1、 盒模型的属性简介1.1、 CSS盒模型本质上是一个盒子,封装周围的HTML元素。这个盒子包括:内容区(content)、内边距(padding)、边框(border)和外边距(margin)四个部分。 不同部分的说明: Content(...

    2020-10-28 12:21 Read 1004 comment 0
  • CSS样式来源方式以及优先级冲突的解决方案

    CSS 元素样式来源的方式 css 元素样式来源主要有三种方式可以选择,下面将用 h1 标签中的文字颜色设置成红色进行举例: 1、 行内样式(内联样式) 行内样式 2、内部样式 内部样式放在 head 内部,统一管理

    2020-10-12 11:06 Read 580 comment 0
  • 表单属性初体验

    初步完成一个简单的用户注册表单1、表单的html代码 用户注册

    2020-10-09 17:09 Read 630 comment 0
  • 9.29 链接的功能和用途以及表格的制作方法

    9.29 链接的功能和用途以及表格的制作方法1、链接的功能和用途 1.1 target属性“_blank”(在另外的窗口跳转页面) 百度一下 1.2 href属性“url地址”(跳转至一个目标地址)

    2020-09-30 12:37 Read 644 comment 0
  • 9.28 markdown语法以及语义化的结构元素

    markdown语法以及语义化的结构元素1、标题和段落1.1 标题标题用#标记,#的数量代表标题的等级 1.2 段落 html是超文本标记语言 markdown是超轻量级的标记语言 2、列表 有序列表 1、早上 2、中午 3、晚上 无序列表 前...

    2020-09-29 17:30 Read 639 comment 0