使用CSS外部样式，可以通过在HTML页面的头部区域添加CSS文件，将样式应用到页面中的所有元素上。这种方式可以使CSS更加灵活，可以根据实际需要进行修改和定制。
CSS外部样式的主要作用有以下几点：
1. 改变页面布局：通过在CSS文件中添加样式，可以控制页面中元素的位置、大小、颜色等，从而实现更精细的布局。
2. 隐藏或显示元素：通过在CSS文件中添加样式，可以控制元素的定位、大小、颜色等，从而实现隐藏或显示元素的功能。
3. 响应式设计：通过在CSS文件中添加样式，可以根据不同的设备类型和分辨率进行自适应布局，使页面更加适用于各种设备。
4. 提高页面质量：通过在CSS文件中添加样式，可以控制元素的颜色、字体、排版等，从而提高页面的质量和可读性。
5. 加快页面加载速度：通过在CSS文件中添加样式，可以控制元素的大小和位置，从而减小页面的加载时间，提高页面的加载速度。
CSS外部样式是一种非常有用的技术，可以用于实现更灵活的网站开发，提高页面质量和加载速度，从而提升用户体验。