下面，我們來探討一下CSS如何獨立出來。

1. 使用HTML標記來聲明CSS樣式

HTML標記可以用于聲明CSS樣式。在HTML中，可以使用<style>標簽來聲明CSS樣式。例如，以下代碼段將聲明一個包含文本的<div>元素，并使用垂直居中的樣式：

<style>

div {

position: relative;

width: 200px;

height: 200px;

text-align: center;

</style>

2. 使用JavaScript來控制樣式

JavaScript可以用于修改CSS樣式。通過JavaScript，可以使用CSS屬性的值來修改HTML元素的樣式。例如，以下代碼段將使用JavaScript將<div>元素的寬度設置為200像素，并將其垂直居中：

<style>

div {

position: relative;

width: 200px;

height: 200px;

text-align: center;

</style>

<script>

document.getElementById("myDiv").style.width = "200px";

document.getElementById("myDiv").style.position = "absolute";

document.getElementById("myDiv").style.textAlignment = "center";

</script>

3. 使用CSS框架和樣式庫

CSS框架和樣式庫可以用于簡化樣式設計。CSS框架和樣式庫提供了一組預先定義的樣式規則，可以用于快速創建復雜的Web頁面。例如，可以使用Bootstrap框架來簡化樣式設計，該框架提供了一組常用的CSS樣式規則，可以用于創建響應式Web頁面。

以上就是CSS如何獨立出來的三個主要方法。在實際開發中，我們可以根據不同的需求和情況選擇不同的方法和工具來獨立設計和實現CSS樣式。