CSS Basics

CSS (Cascading Style Sheets) 是用于描述 HTML 或 XML 文档样式的样式表语言。在网页设计中，CSS 用于设置网页元素的样式，如颜色、字体、布局等。

CSS 选择器

CSS 选择器用于选择文档中的元素。以下是一些常用的 CSS 选择器：

• 标签选择器：选择所有指定标签的元素。

  p {
    color: red;
  }
  

• 类选择器：选择所有具有指定类的元素。

  .my-class {
    color: blue;
  }
  

• ID 选择器：选择具有指定 ID 的元素。

  #my-id {
    color: green;
  }
  

• 属性选择器：选择具有指定属性的元素。

  [type="text"] {
    border: 1px solid black;
  }
  

CSS 布局

CSS 布局用于控制网页元素的排列和位置。以下是一些常用的 CSS 布局方法：

• Flexbox：一种用于在容器中排列和分配空间的方法。

  .container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
  

• Grid：一种用于创建复杂布局的方法。

  .grid-container {
    display: grid;
    grid-template-columns: auto auto auto;
  }
  

图片插入示例

以下是使用 Flexbox 布局插入图片的示例：

<div class="container">
  <center><img src="https://cloud-image.ullrai.com/q/Flexbox_style/" alt="Flexbox_style"/></center>
</div>

更多关于 CSS 的信息，请访问我们的 CSS 教程。