在网页中，我们经常需要使用 CSS 和 JavaScript 来操作 HTML 文档流和渲染元素。下面是一些常见的操作方式：
使用 CSS 可以修改元素的样式，包括颜色、大小、字体等。下面是一个例子：
/* 修改元素的字体颜色为红色 */
.example {
color: red;
}
使用 JavaScript 可以操作元素的属性，比如修改元素的文本内容、样式等。下面是一个例子：
/* 修改元素的文本内容为 'Hello World!' */
var example = document.querySelector('.example');
example.textContent = 'Hello World!';
使用 JavaScript 可以动态地创建和删除元素。下面是一个例子：
/* 创建一个新的 div 元素 */
var newDiv = document.createElement('div');
/* 给新元素设置样式 */
newDiv.style.width = '100px';
newDiv.style.height = '100px';
newDiv.style.backgroundColor = 'red';
/* 将新元素添加到文档中 */
document.body.appendChild(newDiv);
/* 删除指定元素 */
var example = document.querySelector('.example');
example.parentNode.removeChild(example);
使用 CSS 和 JavaScript 可以灵活地操作 HTML 文档流和渲染元素，实现各种各样的效果。