css要点记录/如何水平/垂直居中/如何左右/左中右布局
给左侧元素设置float： left；。给右侧元素设置float： right；。中间元素设置适当的margin值以留出左右元素的空间。在父元素上清除浮动（如使用.clearfix类）。使用flexbox：给父元素设置display： flex；。
开启分页：进入“栏目管理” → 修改目标栏目 → 在“列表模式”中选择“生成列表页”或“动态列表” → 设置“每页显示记录数”（如10条/页）。伪静态优化：在“系统参数设置” → “URL设置”中启用伪静态，配置规则如/list_{栏目ID}_{页码}.html，提升SEO效果。
响应式界面与跨设备兼容 技术实现：使用HTMLCSS3（Flexbox/Grid布局）和JavaScript（或React/Vue框架）构建前端，适配PC、平板、手机多终端。关键优化：禁用页面缩放，避免考生误操作影响答题；优化触控体验，如增大选择题点击区域，适配移动端操作；通过媒体查询（@media）调整字体大小、按钮间距等细节。
状态调解处理：确保试样在最适宜的条件下进行燃烧测试。切削、修剪：进行必要的试样预处理。其他预备步骤：可能包括清洁、干燥等步骤。燃烧测试观察：连续有焰燃烧：记录试样是否表现出连续的有焰燃烧。火焰前段位置：记录火焰前端是否通过25mm和100mm标线，以及相应的时间。
HTML5 + CSS3 + JavaScript。 Web开发基础中的基础，HTML是负责网页结构，CSS负责网页样式，JS则负责逻辑交互。前两者更像是标记语言，没有什么逻辑，JS才是前端的重中之重。 HTML5 新增的技术大部分需要结合JS学习。
如何让使用flex布局的div元素在页面上下左右居中?
1、需通过添加一个固定高度的父容器（如.wrapper）作为flex布局的上下文。启用双向居中属性：通过align-items： center（垂直居中）和justify-content： center（水平居中）实现双向对齐。实现步骤HTML结构：在body内添加一个包裹层（如.wrapper），并将目标div（如.outer）置于其中。
2、使用Flexbox实现三元素左右居中与等间距布局的核心方法是：通过设置父容器为display： flex，并应用justify-content： space-between属性，使三个子元素均匀分布在容器内，首尾元素分别贴紧左右边缘，中间元素自动居中且间距均等。
3、在HTML中让里的内容上下居中，可以借助CSS的Flexbox布局，这是一种非常强大的布局方式。首先，确保元素具有一定的高度，这有助于后续居中操作。接着，通过设置元素的display属性为flex，可以开启Flexbox布局。然后，使用justify-content属性将内容水平居中，使用align-items属性将内容垂直居中。
4、在CSS中，让div居中可以通过多种方式实现，具体取决于布局需求（水平/垂直/同时居中）和浏览器兼容性要求。以下是常见的居中方法及代码示例： 使用 Flexbox 居中（推荐）适用场景：现代浏览器，需同时水平和垂直居中。
5、要实现div元素在容器中的上下和左右居中，可以采用以下几种方法：使用margin属性：如果已知div的高度和容器的高度，可以设置margintop为 / 2 的正值，marginleft为 / 2 的正值。这种方法可以直接通过外边距实现div的居中。
css如何实现图片在div中垂直居中
1、要实现图片与多行文本的垂直居中对齐，可以使用Flexbox布局。
2、algin=center //水平居中 或者 style=text-algin：center；关于垂直居中的问题，这里最好使用一个固定的值来计算 尽管有CSS的vertical-align特性，但是并不能有效解决未知高度的垂直居中问题（在一个DIV标签里有未知高度的文本或图片的情况下）。
3、在 CSS 中，让图片在容器中水平和垂直居中显示可以通过多种方式实现。
4、在网页设计中，图片与多行文本的垂直对齐是一个常见需求。传统方法如vertical-align在单行文本中表现良好，但在多行文本中往往失效。本文将介绍一种基于CSS Flexbox的现代解决方案，实现图片与多行文本的完美垂直居中对齐。传统方法的局限性单行文本：使用vertical-align： middle通常能满足需求。
5、可以为盒子添加“text-align： center；”样式使图片在盒子中居中。
6、使用CSS伪元素在Div中创建垂直居中的分隔线，需通过相对定位的容器配合绝对定位的伪元素实现，核心步骤包括设置容器定位、定义伪元素样式并利用transform实现居中。步骤1：为容器设置相对定位目标Div需添加position： relative；，使伪元素能基于其定位。
Flex布局下如何实现body高度100%并垂直居中显示div?
基础实现步骤设置html和body高度 方法一：使用百分比高度为html和body添加height： 100%，确保层级传递视窗高度。代码：html， body { height： 100%； margin： 0； padding： 0；} 方法二：使用视窗单位（推荐）直接为body设置height： 100vh，更直接地匹配视窗高度。
body { height： 100vh； /* 视口高度的100% */ margin： 0；}原理：1vh等于视口高度的1%，100vh直接绑定视口高度。注意：在移动端，若地址栏隐藏/显示可能导致高度微小变化，需测试调整。
}解决移动端 100vh 可能导致的滚动条问题，确保高度严格匹配视窗。body { display： flex； }启用 Flex 布局后，子元素（如 .blog）可通过 align-items 和 justify-content 控制对齐。居中属性组合justify-content： center：水平居中。align-items： center：垂直居中。两者需同时使用才能实现完全居中。
html { height： 100%；}确保html占据整个视口高度，为body提供基准。
在Flex布局下实现body 100%高度且文字垂直居中，需同时解决高度定义和垂直对齐问题。
