CSS三层结构是网页开发中常用的布局方式，它分别由HTML结构层、样式层和行为层组成。
<html> <head> <style> /* 样式层 */ </style> <script> /* 行为层 */ </script> </head> <body> /* HTML结构层 */ </body> </html>
HTML结构层
网页的HTML结构层是由HTML标记语言编写的，它定义了网页的结构和内容。通过使用HTML标记，设计者可以创建标题、段落、列表等文本元素，同时还可以使用图片、链接、表格等其他元素。
样式层
样式层通常用Cascading Style Sheets（CSS）编写，它负责网页的样式、外观和布局。CSS可以设计网页的文字字体、颜色、背景色、间距、页面边框、图像等等，为网页带来丰富、独特的外观。样式层可以包括内部样式表、外部样式表和内联式，不同的方式可以应用于不同的开发需求，提高了网页开发的灵活性。
行为层
行为层负责网页的行为和交互，通常由JavaScript编写，其中包括网页响应鼠标点击、网页的滑动、请求另一个网页等等。行为层还可以负责与服务器的通信，用来打开和提交表单等请求。
在实际开发中，CSS三层结构为网页的排版和开发提供了更好的组织方式。通过这种方式，我们可以使HTML结构更清晰简洁，样式和行为的代码也可以更方便地使用和管理。这意味着，CSS三层结构的使用可以让开发工作更加高效和可维护。