不使用class和id进行网页布局的方法

不使用class和id进行网页布局的方法是通过CSS选择器和HTML标签属性来实现网页布局的一种方式。以下是具体的攻略过程：

1. 使用HTML标签属性进行区分
   在HTML中每个标签都有若干个属性，比如a标签有href属性用于指定链接地址，img标签有src属性用于指定图片资源。因此可以使用这些标签本身所具有的属性来进行区分和样式的设置。例如，通过以下的代码来实现两列布局：

<div>
  <p style="float:left; width:50%">左边的内容</p>
  <p style="float:right; width:50%">右边的内容</p>
</div>

在上述代码中，通过给左右两个p标签添加style属性和对应的CSS样式，来实现左右两列的布局，同时也避免了使用class和id。

1. 使用CSS选择器进行区分
   CSS中提供了多种选择器，可以根据标签名、属性以及标签的结构关系等来选择相应的元素。因此，可以利用这些选择器来实现元素的区分和样式的设置。下面通过一个示例来说明：

<ul>
  <li>列表项1</li>
  <li>列表项2</li>
  <li>列表项3</li>
</ul>

上述是一个简单的无序列表，要对其中的每个列表项进行样式的设置，可以使用以下的CSS选择器：

ul li {
  padding: 10px;
  border: 1px solid #ccc;
}

在上述代码中，使用了CSS选择器ul li来选择每个列表项，并对这些选择的元素应用了样式。

总结：以上是通过HTML标签属性和CSS选择器来实现网页布局的方法，这些方法没有使用class和id，可以使网页代码更为简洁易懂，同时也提高了代码的复用性。