m0_56649557的博客

文章目录过渡动画变形旋转缩放过渡过渡 (transition)通过过渡可以指定一个属性发生变化时的的切换方式，通过过渡效果可以创建一些非常好的效果，提升用户的体验。过渡的属性：transition-property: 指定要执行过渡的属性，多个属性间用逗号隔开，如果所有属性都需要过渡可以使用all，大部分属性都支持过渡。注意：过渡必须是一个有效数值像 auto不是有效数值transition-duration: 指定过渡效果的持续时间，时间单位 s和ms。transition-

文章目录定位相对定位绝对定位固定定位粘滞定位绝对定位的布局元素的层级定位在对页面进行布局时除了用到浮动以外，还会用到定位，定位是一种更加高级的布局手段，通过定位可以让元素摆放到页面的任意位置，使用position属性来设置定位。可选值：static 默认值，元素是静止没有开启定位relative 开启元素的相对定位absolute 开启元素的绝对定位fixed 开启元素的固定定位sticky 开启元素的粘滞定位相对定位当元素的positio属性设置为relative时则开启了相对定位

文章目录浮动浮动的特点元素浮动后的特点高度塌陷问题BFC清除浮动clearfix浮动在我们进行静态页面布局时往往会用到浮动这一功能，通过浮动可以使一个元素向其父元素的左侧或者右侧移动，使用float 属性来设置来元素的浮动。可选值：none 不浮动left 向左浮动right 向右浮动让box1浮动 .box1{ width:200px; height:200px; background-color:

文章目录盒子模型盒子模型的组成盒子的大小盒子的水平方向布局盒子的垂直方向布局默认样式轮廓阴影圆角盒子模型在我们进行网页布局时一定离不开盒子模型，css将页面中所有元素都设置为一个矩形的盒子，元素设置为矩形后的盒子后，对页面的布局就变成将不同盒子摆放到不同位置。盒子模型的组成标准W3C盒子模型每一个盒子模型都是由以下几个部分组成:内容区 content边框 border内边距 padding外边距 margin内容区内容区（content）,元素中所有的子元素和文本内容都在内容区中

文章目录CSSCSS基本语法:CSS使用方法内联样式内部样式表引入外部样式表CSS常用选择器元素选择器id选择器类选择器通配选择器复合选择器交集选择器分组选择器（并集选择器）关系选择器子元素选择器后代元素选择器兄弟选择器属性选择器伪类选择器样式的继承选择器权重单位颜色CSSCSS层叠样式表用来对搭建的网页骨架添加样式效果，提高用户的使用体验。网页实际是一个多层的结构，通过css可以通过分别为网页的每一个层来设置样式，而最终我们看到的是网页的最上边一层。CSS基本语法:css基本语法:选择器 声明块

文章目录表格表格的定义表格基本结构表格常用属性合理的创建标题，有助于目录的生成如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入表格在现实生活中经常需要表格来表示一些格式化数据网页中我们也需要使用表格，我们通过table标签来创建一个表格，表格也可用于页面布局。表格的定

文章目录一、 HTML、CSS、 JS的关系二、HTML介绍三、使用步骤1.引入库2.读入数据总结一、 HTML、CSS、 JS的关系HTML是网页的骨架主要负责网页的结构CSS为网页提供样式用来美化修饰网页JavaScript是一种脚本语言用来控制dom元素，主要用于前端页面的 DOM 处理二、HTML介绍html是用来描述网页的一种语言，它不是一种编程语言，而是一种标记语言（标记标签），总的来说，html使用标记标签来描述网页，本文就用标签来代替标记标签进行说明。标签是指，。标签是有