Dlaczego tak
Zewnętrzny arkusz stylów to osobny plik .css dołączany znacznikiem <link rel="stylesheet">; wszystkie podstrony korzystają z tych samych reguł, więc zmiana w jednym pliku działa w całym serwisie, a przeglądarka może plik zapamiętać. Styl wewnętrzny w <style> trzeba by poprawiać na każdej z 20 stron osobno, a style lokalne w atrybucie style — przy każdym elemencie. Znacznik <script> wczytuje JavaScript, a nie CSS.