作者：Peter 谭老师

转发链接：
https://mp.weixin.qq.com/s/XhwPOv62gypzq5MhhP-5vg

写本文的起因

在前端开发中，CSS 往往是最被低估的一环。但真正优秀的开发者，往往懂得如何用 CSS 写出高效、优雅又强大的界面。

0. 你将获得什么

一个可嵌入任何 Spring Boot 应用的内存对象拓扑服务：访问 /memviz.html 就能在浏览器看见对象图。

支持按类/包名过滤、按对象大小高亮、点击节点看详情

<span class="rs" style="display: block; margin-bottom: 10px; color: rgb(33, 154, 68); font-size: 14px; font-weight: bold; line-height: 24px; ">我的结果 : A、该设立新的界限</span><span class="desc" style="display: block; color: rgb(153, 153, 153); line-height: 24px; ">你很慷慨地给予别人时间和支持。遗憾的是，他们并没有跟你互惠互利。他们索取，并具有侵略性。你身边拥有的是一群穷人，这表明是时候设立新的界限了。让自己离开那些支配你的人，脱离跟自私的人的关系——他们占了你的便宜。</span>

日期联动效果实现指南

行内元素与块级元素

首先，CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，分别为块级（block）、行内（inline）。

块级元素：（以下列举比较常用的块级元素，详情可在w3cschool查询）

<div>定义文档中的分区或节

<h1>定义最大的标题

<h2>定义副标题

<h3>定义标题

<h4>定义标题

<h5>定义标题

<h6>定义最小的标题

<ul>定义无序列表

<ol>定义有序列表

<li>定义有序列表或无序列表的列表项目

<dl>定义自定义列表

<dd>定义自定义列表中的条目

<dt>定义自定义列表中的项目

<hr>创建一条水平线

<p>定义段落

<table>定义表格

<td>表格中的标准单元格

<th>定义表头单元格

<thead>标签定义表格的表头

<tr>定义表格中的行

编辑

自建拖拽布局排版在 IDE 中的优势及初学者开发指南

在软件开发领域，用户界面（UI）的设计至关重要。自建拖拽布局排版功能为集成开发环境（IDE）带来了诸多便利，尤其对于初学者而言，是踏入开发领域的有效途径。本文将结合给定的可编辑网页编辑器代码，探讨自建拖拽布局排版在 IDE 中的好处，以及初学者应如何学习开发此类功能。

随着项目复杂度的增加，CSS样式隔离变得越来越重要，分享12个能够显著降低样式冲突的技巧。

本篇简单介绍了 css 布局体系。包括 Flow layout、display、floats、position

Flow layout(Normal Flow)

CSS FormattingContext 分为两大类：

• Flow Layout（流式布局）： BFC（Block Formatting Context 块级格式化上下文 ）IFC（Inline Formatting Context 行内格式化上下文）

<img src="http://cms.haiwainet.com.cn/uploadfile/20190917/1568675674931277.jpg" alt="" width="550"" style="border: none; margin: 0px auto; padding: 0px; display: block; max-width: 1000px;"/>

央视网消息：