Heim >Web-Frontend >CSS-Tutorial >Anwendung von CSS durch große Unternehmen

Anwendung von CSS durch große Unternehmen

巴扎黑
巴扎黑Original
2017-05-01 14:49:301340Durchsuche

HTML und CSS werden auf einigen Websites mit Statistiken zur Beliebtheit von Programmiersprachen manchmal als Programmiersprachen behandelt, aber die meisten Programmierer glauben nicht, dass sie zur Kategorie der Programmiersprachen gehören, da ihre verschiedenen Programmiersprachenfunktionen beispielsweise sehr unterschiedlich sind , Logiksteuerung, Schleifenoperationen, Funktionen usw. fehlen ernsthaft oder sind unzureichend. Sie können bestenfalls als Auszeichnungssprachen angesehen werden.

Da Webanwendungen jedoch in den letzten Jahren immer beliebter wurden, sind HTML5 und CSS3 allmählich ausgereifter geworden, und viele Programmierer haben das Gefühl, dass die Geschwindigkeit der Entwicklung immer vielfältiger und vielfältiger wird von CSS hat offensichtlich nicht mit den tatsächlichen Anforderungen Schritt gehalten, daher haben die Leute verschiedene Tools zur Verbesserung von CSS entwickelt, wie z. B. SCSS und LESS. Diese Tools erleichtern nicht nur die Verwaltung von CSS, sondern bringen auch enorme Verbesserungen mit sich Begriffe der Syntax und Semantik.

Das vergangene Jahr 2014 war ein interessantes Jahr. Viele namhafte Unternehmen haben über verschiedene Medien und Kanäle offengelegt, wie sie CSS nutzen. Es umfasst die von ihnen verwendeten Werkzeuge, die von ihnen verwendeten Methoden, ihre Gedanken zu diesen Methoden sowie die spezifischen Daten und Zahlen, die damit verbunden sind. Am typischsten ist Mark Ottos Einführung in CSS-Dateien auf Github. Der Zweck dieses Artikels besteht darin, sie zu Referenz- und Vergleichszwecken für jedermann zusammenzuführen.

Firma Präprozessor Präfix #Quellcode #Selektor Hilfswerkzeuge Beschreibung

Github SCSS Custom @mixins 100+ 7.000 SCSS-lint, Styleguide 2 endgültige Stylesheets, aufgrund der IE-Selektorbeschränkung

Buffer LESS Autoprefixer 93 5328 LESS lint 2 finale Stylesheets

​CodePen SCSS Autoprefixer 171 1186 .editorconfig Asset Pipeline

Ghost SCSS (libsass) Autoprefixer 36 1609 Allgemeine Richtlinien Open Source

Groupon Sass (Syntax unklar) Compass ?

Lonely Planet Sass Autoprefixer 150+ 1527 Rizzo, kein Linting BEM / OOCSS, Normalize.css, SVG-Symbole

Mittel WENIGER Benutzerdefinierte @mixins 50-100 ? Richtlinien Keine Verschachtelung, benutzerdefinierte Methode zur Benennung

Trello LESS Custom @mixins 44 2.426 Präprozessor 1 endgültiges Stylesheet, Namensraum

Anhang:

SCSS

Sass ist eine Erweiterung der CSS-Syntax (Cascading Style Sheets). Es ist die früheste und ausgereifteste CSS-Präprozessorsprache. Sie kann Variablen, Konstanten, Verschachtelungen, Funktionen und andere CSS-Funktionen verwenden effizienter und flexibler geschrieben werden. Sass wird schließlich legales CSS für den Browser kompilieren, was bedeutet, dass seine eigene Syntax für den Browser nicht leicht zu erkennen ist, da es sich nicht um ein Standard-CSS-Format handelt und dynamische Variablen innerhalb seiner Syntax verwendet werden können. Es ist mehr wie eine sehr einfache dynamische Sprache.

Tatsächlich verfügt Sass jetzt über zwei Sätze von Grammatikregeln: Einer verwendet weiterhin Einrückungen als Trennzeichen, um Codeblöcke zu unterscheiden; der andere Satz von Regeln verwendet geschweifte Klammern ({}) als Trennzeichen wie CSS. Die letztgenannte Grammatikregel wird auch SCSS genannt und wird von Versionen nach Sass3 unterstützt.

WENIGER

Als Open-Source-Projekt im Jahr 2009 wurde es stark von Sass beeinflusst, verwendete aber auch CSS-Syntax, was den meisten Entwicklern und Designern den Einstieg erleichterte. LESS bietet eine Vielzahl von Möglichkeiten, geschriebenen Code reibungslos in Standard-CSS-Code umzuwandeln. LESS ist häufig in vielen gängigen Frameworks und Tools zu finden (z. B. verwendet das Bootstrap-Framework von Twitter LESS).

Laut der Einleitung auf Wikipedia ist LESS eigentlich ein Open-Source-Projekt, das von Alexis Sellier unter dem Einfluss von Sass erstellt wurde. Zu dieser Zeit verwendete SASS Einrückungen als Trennzeichen zur Unterscheidung von Codeblöcken anstelle der in CSS weit verbreiteten geschweiften Klammern ({}). Um es für bestehende CSS-Benutzer komfortabler zu machen, hat Alexis LESS entwickelt und CSS-ähnliche Schreibfunktionen bereitgestellt.

Das obige ist der detaillierte Inhalt vonAnwendung von CSS durch große Unternehmen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn