Wprowadzenie do rozróżniania wielkości liter w CSS:
W przypadku CSS uwzględniających wielkość liter styl projektowania każdego dokumentu jest wymagany przy tworzeniu stron internetowych. Aby kontrolować stylizację, CSS może być skutecznie wykorzystywany i może być prosty i łatwy. Oznacza kaskadowy arkusz stylów. Podstawą CSS jest język projektowania, który służy do prezentacji dokumentów internetowych w prosty, ale skuteczny sposób. Cały wygląd strony internetowej można obsługiwać za pomocą CSS, niezależnie od tego, czy jest to kolor tekstu, odstępy między akapitami, styl czcionki, użyte obrazy tła lub kolory, układ projektu i różnorodność wyświetlania dla wielu urządzeń i rozmiar ekranu z wieloma efektami. CSS zapewnia programistom kontrolę uprawnień do prezentacji dokumentu.
Funkcje i zalety CSS Uwzględniająca wielkość liter:
- W większości przypadków jest on połączony z językiem znaczników, takim jak HTML, XHTML. Może pomóc deweloperowi w oszczędzaniu czasu, po zapisaniu pliku skryptu CSS można go wykorzystać na wielu stronach HTML. Każdy element HTML może zdefiniować własny styl, a programista może zastosować go do dowolnej liczby stron internetowych lub dokumentów.
- Innymi ważnymi zaletami rozróżniania wielkości liter w CSS są zwięzły kod, programista nie musi za każdym razem pisać atrybutów tagów HTML. Deweloper może napisać jedną regułę CSS dla określonego znacznika i zastosować do każdego wystąpienia znacznika w pliku HTML. Tak więc kod jest bardziej zwięzły i zwięzły, dzięki czemu recenzenci mogą go lepiej zrozumieć. Zwięzły kod przynosi także jeszcze jedną korzyść, np. Ładowanie strony może być szybsze niż wcześniej. Model DOM jest wykorzystywany do skutecznego renderowania dowolnego dokumentu HTML, rozproszonych lub źle napisanych elementów lub znaczników powoduje opóźnienie, które można naprawić za pomocą tego podejścia. Każdą globalną zmianę można wprowadzić, zmieniając po prostu styl, a wszystkie elementy na każdej stronie internetowej mogą być aktualizowane automatycznie.
- Tablice atrybutów z CSS są szersze niż w HTML, więc w porównaniu z atrybutami HTML, CSS może zapewnić lepszą prezentację, projektowanie i układ dla każdego dokumentu internetowego. Ponadto atrybuty HTML są przestarzałe, dlatego zaleca się stosowanie CSS dla dowolnego programisty w procesie tworzenia stron internetowych, dlatego lepszym rozwiązaniem może być rozpoczęcie korzystania z CSS w każdym dokumencie internetowym i sprawienie, by były one zgodne z obecnymi i przyszłymi przeglądarkami.
- W przypadku wielu urządzeń korzystających z różnych wersji witryny można dokładnie wykorzystać ten sam dokument HTML. CSS pozwala na optymalizację treści dla wielu urządzeń, dlatego ta funkcja może dać jeszcze jeden powód dla projektanta lub programisty do wykorzystania elementów CSS na wszystkich swoich stronach internetowych.
- Reguły stylu są regulowane przez CSS, który pomaga w renderowaniu arkusza stylów przez przeglądarki. Każda reguła stylu składa się z elementów takich jak Selektor, Właściwość i Wartość. Selektor to znacznik HTML, w którym będzie stosowane stylowanie, a właściwość jest rodzajem atrybutu znacznika HTML. Wszystkie atrybuty HTML, takie jak kolor, obramowanie jest konwertowane na właściwości CSS. Teraz wartości są przypisywane do wszystkich właściwości, właściwość color może mieć wartość taką jak czerwony lub dowolną wartość alfanumeryczną. Istnieje wiele sposobów kojarzenia stylów z dokumentem HTML. Zewnętrzny CSS i wbudowany CSS to dwa najczęstsze sposoby uwzględnienia stylizacji w dokumencie HTML. Za pomocą elementu stylu reguły CSS można umieścić w dokumencie HTML, znacznik stylu jest zasadniczo umieszczony w znaczniku head. Teraz reguły zdefiniowane przy użyciu tego podejścia lub składni mają zastosowanie do wszystkich elementów dostępnych w dokumencie. Wbudowane style CSS uzyskuje się w ramach podejścia jednowierszowego, w którym atrybut stylu jest definiowany dla dowolnego elementu HTML w celu zdefiniowania reguł stylu. CSS3 to najnowszy standard CSS, wcześniejszą wersją jest CSS2. Istnieje wiele różnic między obiema wersjami CSS. Wszystkie specyfikacje CSS2 współpracują, a nowe specyfikacje są wprowadzane do CSS3, zwanego modułem.
Objaśnienie rozróżniania wielkości liter w CSS:
-
Przegląd:
W arkuszach stylów używanych w CSS2 nie jest rozróżniana wielkość liter, w częściach, które nie są pod kontrolą CSS, nie jest rozróżniana wielkość liter, podobnie jak wartość atrybutów HTML, takich jak id, klasa, nazwy czcionek, identyfikatory URI itp., Są poza zakresem specyfikacji zdefiniowane dla stylizacji CSS. Wszystkie selektory atrybutów CSS mają funkcję rozróżniania wielkości liter, podobnie jak selektor atrybutów powoduje, że wartość jest dopasowywana bez rozróżniania wielkości liter w ASCII. Zatem selektor CSS, w tym selektory klas i identyfikatorów, nie rozróżnia wielkości liter, podczas gdy w nazwach klas HTML rozróżniana jest wielkość liter. Jednak rozróżnianie wielkości liter w selektorze wynika z tego, co głosi o nich dokument. W samym CSS nie jest rozróżniana wielkość liter, ale po prostu nazwy muszą rozróżniać małe i wielkie litery, aby stały się niepowtarzalnymi identyfikatorami.
-
Wyjaśnienie:
Jeśli strona korzysta z XHTML DOCTYPE, wówczas w selektorach CSS rozróżniana jest wielkość liter, jednak w przypadku HTML DOCTYPE ten sam selektor nie rozróżnia wielkości liter. W CSS rozróżniana jest wielkość liter, nazwy elementów języka dokumentu używane w selektorach zależą od języka dokumentu. W nazwach HTML wielkość liter nie jest rozróżniana, ale w języku XML rozróżniana jest wielkość liter. W ten sam sposób można powiedzieć, że w CSS nie jest rozróżniana wielkość liter, ale w adresach URL obrazów i innych bezpośrednich odniesieniach z arkuszem stylów można rozróżnić wielkość liter. Jeśli programista może napisać dokument przy użyciu deklaracji XML, używając XHTML DOCTYPE, wówczas nazwy klas CSS będą zachowywać się z rozróżnianiem wielkości liter w CSS w niektórych przeglądarkach. Jednocześnie bardzo ważne jest zachowanie spójności, ponieważ źródło zamieszania wynikającego z niekonsekwencji wprowadzanej przez projektantów lub programistów stron internetowych. Zdecydowanie zaleca się, aby nie używać identycznych nazw CSS.
Na przykład - nigdy tego nie rób
.Test (kolor: czerwony; )
.test (kolor: zielony; )
Wniosek - czy w CSS rozróżniana jest wielkość liter?
Można więc powiedzieć, że rozróżnianie wielkości liter w nazwach atrybutów i wartościach używanych w selektorze sprowadza się do wyboru języka dokumentu. Dodano dodatkowy modyfikator, tj. (I), dla selektorów atrybutów CSS, dzięki czemu autorowi można zezwolić na dopasowanie wielkości liter w wartości atrybutu w dokumencie internetowym ASCII.
Przykład -
Li (id $ = „test” i) (kolor: czerwony; )
Li (id $ = „test”) (font-weight: bold; )
Pierwszy przykład dotyczy elementów listy, które mają atrybut id z zakończeniem „test” lub „Test”, Drugi przykład dotyczy elementów listy, które mają atrybut id z dokładnym zakończeniem jako „test”, ale nie z zakończeniami jak „Test” lub „TEST”.
Polecany artykuł
Jest to przewodnik po rozróżnianiu wielkości liter w CSS. W tym miejscu omówiliśmy podstawowe pojęcia, a także Korzyści i cechy rozróżniania wielkości liter w CSS. Możesz także zapoznać się z następującymi artykułami, aby dowiedzieć się więcej:
- CSS vs JavaScript
- CSS vs CSS3
- Ściągawka CSS3
- Kariera w CSS