ITher-CSDN博客

原创 CSS----flex布局

1. flex 是什么？flex 是 Flexible Box 的缩写，就是弹性盒子布局.2. 为什么我们需要 flex?解决元素居中问题自动弹性伸缩以及适配不同大小的屏幕和移动端3、如何设置flex布局与grid类似，flex也分为块级元素和行内元素两种，分别为display:flex（块级元素）与display:inline-flex（行内元素）。我们先来举个例子看看flex有何作用，首先，我们先来看未设置flex布局时的样子：<!DOCTYPE html&...

2022-01-07 23:43:07 500

原创 grid网格布局

一、什么是grid网格布局？Grid 布局则是将容器划分成“行"和“列”，产生单元格，然后指定"项目所在”的单元格，可以看作是二维布局。1、使用方法设置CSS属性display：grid或display：inlne-grid来实现grid属性 grid-rows 同时设置行和列 grid-template-columns 设置列 grid-template-rows 设置行示例：<!DOCTYPE html><html lang="

2022-01-06 19:53:54 2241

原创 CCS样式----浮动

1、什么是浮动？浮动属性指定一个元素应沿其容器的左侧或右侧放置，允许文本和内联元素环绕它。该元素从网页的正常流动(文档流)中移除，尽管仍然保持部分的流动性。2、浮动对元素的影响2.1、对父元素的影响当某个子元素设置元素浮动后，由于浮动会脱离文档流，所以父元素的宽度会塌陷至0。例如：<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compa

2022-01-06 19:15:23 331

原创 CSS优先级

1、CSS引入方式1、行内样式使用style属性引入，例如：<html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> .

2022-01-06 19:14:57 523

原创 CSS定位

前言我们知道在正常的元素中的排版方式叫做文档流，而块级元素，行内元素的排版都属于文档流，块级元素就是从上到下的排版形式，行内元素就是从左到右的排版

2022-01-06 19:14:32 138

原创【DIV 盒子模型】

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录盒子模型 1、什么是盒子模型？ 2、border边框 3、padding内边距 4、margin外边距 5、盒子的塌陷与合并总结一、盒子模型1、什么是盒子模型效果如图二、使用步骤1.引入库代码如下（示例）：import numpy as np import pandas as pd import matplotlib.pyplot as...

2022-01-05 18:13:19 3086

原创【无标题】HTML-01

初步认识HTML文章目录前言一、网页是什么？二、HTML是什么？ 1、 2.读入数据总结前言提示：这里可以添加本文要记录的大概内容：例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考一、pandas是什么？示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务

2021-12-31 21:09:21 383

ITher的博客