20、CSS 样式基础与布局模型全解析

CSS 样式基础与布局模型全解析

1. CSS 样式基础

在网页设计中，CSS 样式起着至关重要的作用，它能让网页更加美观和吸引人。下面我们来详细了解一些 CSS 样式的基础知识。

1.1 列表样式

列表是网页中常见的元素，CSS 可以让我们轻松改变列表的样式。以下是几种不同样式的列表示例：

<ul>
  <li> First item.  Let's let the text wrap to the next line so you can see what inside does.  </li>
  <li> Second item.  </li>
  <li> Third item.   </li>
</ul>
<ul class="c"> Unordered List with an image.
  <li> First item. </li>
  <li> Second item.  </li>
  <li> Third item.   </li>
</ul>
<ol class="roman"> Ordered list with Roman numerals.
  <li> First item. </li>
  <li> Second item.  </li>
  <li> Third item.   </li>