3、使用外部CSS样式表

外部CSS样式表是将CSS代码放在一个单独的.css文件中，然后在HTML文件的部分使用标签链接到这个文件，我们可以使用width属性来设置元素的宽度。

创建一个名为styles.css的文件，内容如下：

p {
  width: 50%; /* 设置段落宽度为50% */
}

在HTML文件中使用以下代码链接到这个样式表：

这是一个宽度为50%的段落。

4、使用CSS网格布局（Grid）或弹性布局（Flexbox）

CSS网格布局和弹性布局是现代网页设计中常用的两种布局方法，它们可以帮助我们更灵活地控制页面元素的宽度和位置，以下是使用这两种布局方法的示例：

使用CSS网格布局：

  
这是第一个项目。
  
这是第二个项目。

使用弹性布局：

  
这是第一个项目。
  
这是第二个项目。
  
这是第三个项目。


这是第四个项目。
这是第五个项目。
这是第六个项目。


这是具有最小宽度的项目。