37个问题快速复习CSS3

原创

已于 2024-08-09 11:35:49 修改 · 847 阅读

CC 4.0 BY-SA版权

文章标签：

于 2024-08-08 11:10:17 首次发布

CSS (Cascading Style Sheets) 是用于描述HTML或XML文档样式的语言。它控制网页的布局、颜色、字体等视觉效果。

p {
   
   
  color: blue; /* 设置文字颜色为蓝色 */
  background-color: yellow; /* 设置背景色为黄色 */
}

div {
   
   
  width: 200px; /* 设置宽度为200像素 */
  height: 100px; /* 设置高度为100像素 */
}

p {
   
   
  text-align: center; /* 居中对齐 */
  /* 其他选项: left (左对齐), right (右对齐), justify (两端对齐) */
}

#unique-element {
   
    /* id选择器,以#开头 */
  color: red;
}

.common-class {
   
    /* class选择器,以.开头 */
  font-size: 16px;
}

a. 内联样式:

<p style="color: red;">This is red text.</p>

b. 内部样式表:

<head>
  <style>
    p {
     
      color: red; }
  </style>
</head>

c. 外部样式表:

<head>
  <link rel="stylesheet" href="styles.css">
</head>

区别:

p {
   
    color: blue; } /* 标签选择器 */

* {
   
    margin: 0; } /* 通配符选择器,选择所有元素 */

div p {
   
    font-size