Flex弹性盒子布局
Flex布局 Flex 是 Flexible Box 的缩写,意为”弹性布局”,用来为盒状模型提供最大的灵活性
容器属性基本概念 利用Flex 布局的元素,称为Flex,简称“容器”,旗下所有子元素自动成为容器成员
容器属性flex-directionflex-direction属性决定主轴的方向(项目的排列方向)
123456789.box{ flex-direction: ...
javaScript第一章
js嵌入页面的方式
内联脚本(Inline Script):将JavaScript代码直接写在HTML文件中的<script>标签内。这种方式简单直接,适用于少量代码的情况。优点是方便快捷,缺点是可维护性较差,不利于代码的复用和分离。
123<script> // JavaScript code here</script>
外部脚本(Internal Scr ...
Mysql基础
SQL关系数据库概述数据模型数据库一共有三种模型:
层次模型
层次模型就是以“上下级”的层次关系来组织数据的一种方式,层次模型的数据结构看起来就像一颗树
网状模型
网状模型把每个数据节点和其他很多节点都连接起来,它的数据结构看起来就像很多城市之间的路网
关系模型
关系模型把数据看作是一个二维表格,任何数据都可以通过行号+列号来唯一确定,它的数据模型看起来就是一个Excel表
数据类 ...
Html5+css3
`
html5新标签 HTML5引入了一些新的语义化标签,这些标签旨在更好地描述网页的结构和内容,提供更好的可读性和可访问性。
这些新标签的引入有助于更好地组织和描述网页内容,提高可读性和可访问性。使用这些标签可以使网页结构更清晰,并为搜索引擎和辅助技术提供更多信息
<header>:定义文档或节的页眉,通常包含网站的标题、导航栏等内容。
<nav>:定义导 ...
Css第二章
定位相对定位(Relative Positioning)
优点:相对定位不会脱离文档流,元素在页面中的位置仍然占据原先的空间,并且可以通过设置 top、right、bottom、left 属性来进行微调位置。
缺点:相对定位对其他元素的定位影响较小,无法实现脱离文档流的效果。
123456789101112131415161718192021222324252627282930313233343 ...
Css第一章
CSS样式引用 css样式写法分为:内联样式 ,内嵌样式,外联样式;其中内联优先级最高,外部样式表的优先级最低
!important 规则可以增加样式的权重,覆盖任何其他声明
内联样式内嵌样式外联样式内联样式,直接在html标签加上style属性
1<p style="color: red;">这是一段带有内联样式的文本。</p>和html元素放在 ...
Html第二章
Solution 1Solution 2Solution 3This is Tab 1.This is Tab 2.This is Tab 3.
1234567891011st=>start: 开始节点in=>inputoutput: 输入e=>end: 结束节点op=>operation: 操作节点cond=>condition: 条件节点sub=>subr ...