CSS可以通过添加"readonly"属性来使某些元素变为只读。"readonly"属性可以作用于文本框、文本域等元素上，使其无法被编辑。以下是"readonly"属性的应用示范:

<input type="text" readonly>
<textarea readonly></textarea>

在上述代码中，input元素和textarea元素都有"readonly"属性，因此它们无法被编辑。

若想动态地将某个元素变为只读，我们可以使用JavaScript脚本，利用DOM操作来实现。以下是一个简单的示例:

var myInput = document.getElementById("myInput");
myInput.readOnly = true;

这个脚本使用了DOM的getElementById方法来获取某个具体的input元素，然后通过将readOnly属性赋值为true来将其变为只读。

总之，CSS可以将某些元素变为只读，这将非常有用，特别是在需要让用户查看内容而不允许编辑的情况下。而有时候，我们需要动态地将某些元素变为只读，此时可以使用JavaScript来实现。