Die seit dem 8. Jahrhundert auf dem Gebiet des heutigen Casablanca nachweisbare Siedlung Anfa war lange Zeit Hauptort des Berberreichs der Berghouta und wurde im 12. Jahrhundert von den Almohaden erobert.
In den nachfolgenden Jahrhunderten entwickelte sie sich zu einem wichtigen Umschlagplatz für Getreide, gleichzeitig aber auch zu einem gefürchteten Stützpunkt für Piraten. Daraufhin versuchten die Portugiesen Ende des 15./ Anfang des 16. Jahrhunderts wiederholt, Anfa einzunehmen. 1496 wurde die Stadt von der Armee Don Ferdinands zerstört. Ein weiterer Überfall portugiesischer Truppen fand 1515 statt.
1575 wurde die Stadt von den Portugiesen besetzt und erhielt den Namen Casa Branca. Nachdem ein schweres Erdbeben 1755 das „Weiße Haus“, wie Casa Branca auf Portugiesisch heißt, verwüstet hatte, wurde es nur wenige Jahre später unter dem selben Namen, arabisch al-Dār al-bayḍāʾ, vom Alaouiten-Sultan Muhammad bin Abdallah wieder aufgebaut. Er versah die Stadt mit einer Medresa (theologische Schule), öffentlichen Bädern und einer Moschee, die seinen Namen trägt.
Mitte des 19. Jahrhunderts schließlich ließen sich spanische Händler in der Stadt nieder und nannten sie Casablanca. Unter der Herrschaft von Moulay Hassan (1873–1894) zählte sie 20.000 Einwohner. Am Anfang des 20. Jahrhundert erlebte die Stadt einen wirtschaftlichen Aufschwung und löste Tanger als wichtigsten Hafen Marokkos ab. Casablanca wurde in der Zeit des französischen Protektorats zum Wirtschaftszentrum ausgebaut.
Das nun einsetzende rasche industrielle Wachstum prägt die Entwicklung Casablancas bis heute, etwa 80 % der marokkanischen Industrie sind hier angesiedelt, ca. 60 % des Seehandels des Landes werden über den Hafen der Stadt abgewickelt. Viele bedeutende Unternehmen des Landes haben, wie z. B. die Cosumar, hier ihren Hauptsitz.
Casablanca war ein strategisch wichtiger Hafen im Zweiten Weltkrieg. 1943 fand dort ein englisch-amerikanisches Gipfeltreffen zwischen Roosevelt und Churchill statt.
Beim Hafen befindet sich auch der einzige Rangierbahnhof Marokkos (Roches Noires). Der südlich von Casablanca gelegene Flughafen Casablanca ist der wichtigste Flughafen Marokkos.
Die Hassan-II.-Moschee ist nach der Moschee in Mekka die zweitgrößte der Welt und verfügt über das höchste Minarett der Welt.
Die Stadt erlangte Berühmtheit durch den Film Casablanca mit Humphrey Bogart, dessen Handlung zur Zeit des Zweiten Weltkrieges dort spielt. Der Film wurde aber in Hollywood gedreht.