img { width: 100px; height: auto; }
在上述代码中,大家设置了<img>标签的宽度为100px,同时高度自适应。这表示,无论<img>标签的原始大小是多少,它都会被缩小到100像素宽度,并保持高宽比。
input[type="text"] { width: 300px; }
另外一个例子是设置<input>标签的宽度。在上述代码中,大家选择了所有类型为”text”的<input>标签,并将它们的宽度设置为300像素。这将使得所有输入框在页面中都有相同的宽度。
br { display: none; }
最后,大家还可以通过CSS隐藏一些不需要显示的标签。比如,在上述代码中,大家使用了display:none来隐藏了<br>标签。这将使得所有<br>标签在页面上不会占用任何空间。