ಕಂಪ್ಯೂಟರ್ಗಳುಪ್ರೊಗ್ರಾಮಿಂಗ್

ಸಿಎಸ್ಎಸ್ ಆಯ್ಕೆ. ಆಯ್ಕೆದಾರರ ಪ್ರಕಾರಗಳು

ಸಿಎಸ್ಎಸ್ ಡಾಕ್ಯುಮೆಂಟ್ನ ನೋಟವನ್ನು ವಿವರಿಸುವ ಭಾಷೆ ನಿರಂತರವಾಗಿ ವಿಕಸನಗೊಳ್ಳುತ್ತಿದೆ. ಕಾಲಾನಂತರದಲ್ಲಿ, ಅದರ ಶಕ್ತಿ ಮತ್ತು ಕಾರ್ಯಕ್ಷಮತೆ ಹೆಚ್ಚಳವಲ್ಲ, ಆದರೆ ನಮ್ಯತೆ ಮತ್ತು ಬಳಕೆ ಸುಲಭವಾಗುತ್ತದೆ.

ಸಿಎಸ್ಎಸ್ ಆಯ್ಕೆ

ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಪ್ರಾರಂಭಿಸೋಣ. ಯಾವುದೇ ಸಿಎಸ್ಎಸ್ ಟ್ಯುಟೋರಿಯಲ್ ತೆರೆಯಿರಿ, ಅದರಲ್ಲಿ ಕನಿಷ್ಠ ಒಂದು ವಿಭಾಗವು ಆಯ್ಕೆದಾರರ ವಿಧಗಳ ಮೇಲೆ ಕೇಂದ್ರೀಕರಿಸುತ್ತದೆ. ಇದು ಆಶ್ಚರ್ಯಕರವಲ್ಲ, ಏಕೆಂದರೆ ಅವರು ಪುಟದ ವಿಷಯವನ್ನು ನಿರ್ವಹಿಸಲು ಅತ್ಯಂತ ಅನುಕೂಲಕರ ಮಾರ್ಗಗಳಲ್ಲಿ ಒಂದಾಗಿದೆ. ಅವರ ಸಹಾಯದಿಂದ ನೀವು ಸಂಪೂರ್ಣವಾಗಿ ಯಾವುದೇ ಎಚ್ಟಿಎಮ್ಎಲ್ ಘಟಕಗಳೊಂದಿಗೆ ಸಂವಹನ ನಡೆಸಬಹುದು. ಈಗ 7 ರೀತಿಯ ಆಯ್ಕೆದಾರರು:

  • ಟ್ಯಾಗ್ಗಳಿಗಾಗಿ;
  • ತರಗತಿಗಳಿಗೆ;
  • ID ಗಾಗಿ;
  • ಯುನಿವರ್ಸಲ್;
  • ಗುಣಲಕ್ಷಣಗಳು;
  • ಹುಸಿ ತರಗತಿಗಳೊಂದಿಗೆ ಪರಸ್ಪರ ಕ್ರಿಯೆಗಾಗಿ;
  • ಹುಸಿ-ಅಂಶಗಳನ್ನು ನಿಯಂತ್ರಿಸಲು.

ಸಿಂಟ್ಯಾಕ್ಸ್ ಸರಳವಾಗಿದೆ. ಸಿಎಸ್ಎಸ್ ಸೆಲೆಕ್ಟರ್ಗಳನ್ನು ಹೇಗೆ ಬಳಸುವುದು ಎಂದು ತಿಳಿಯಲು , ಅದರ ಬಗ್ಗೆ ಓದಲು ಸಾಕಷ್ಟು ಸಾಕು. ನಿಮ್ಮ ಸಂದರ್ಭದಲ್ಲಿ ವಿಷಯವನ್ನು ನಿಯಂತ್ರಿಸಲು ಆಯ್ಕೆ ಮಾಡುವ ಆಯ್ಕೆ ಯಾವುದು? ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು ಪ್ರಯತ್ನಿಸೋಣ.

ಟ್ಯಾಗ್ ಆಯ್ಕೆದಾರರು

ಇದು ಬರೆಯುವ ವಿಶೇಷ ಜ್ಞಾನದ ಅಗತ್ಯವಿಲ್ಲದ ಅತ್ಯಂತ ಸರಳವಾದ ಆಯ್ಕೆಯಾಗಿದೆ. ಟ್ಯಾಗ್ಗಳನ್ನು ನಿರ್ವಹಿಸಲು, ನೀವು ಅವರ ಹೆಸರನ್ನು ಬಳಸಬೇಕಾಗುತ್ತದೆ. ನಿಮ್ಮ ಸೈಟ್ನ "ಕ್ಯಾಪ್" ಅನ್ನು

ಟ್ಯಾಗ್ನಲ್ಲಿ ಸುತ್ತುವ ಎಂದು ಭಾವಿಸೋಣ. ಇದನ್ನು ಸಿಎಸ್ಎಸ್ನಲ್ಲಿ ನಿರ್ವಹಿಸಲು, ನೀವು ಹೆಡರ್ ಅನ್ನು ಬಳಸಬೇಕಾಗುತ್ತದೆ {}.

ಪ್ರಯೋಜನಗಳು - ಬಳಕೆಯ ಸುಲಭ, ಬುದ್ಧಿ.

ಅನಾನುಕೂಲಗಳು - ನಮ್ಯತೆಯ ಸಂಪೂರ್ಣ ಕೊರತೆ. ಮೇಲಿನ ಉದಾಹರಣೆಯಲ್ಲಿ, ಎಲ್ಲಾ ಶಿರೋಲೇಖ ಟ್ಯಾಗ್ಗಳನ್ನು ಏಕಕಾಲದಲ್ಲಿ ಆಯ್ಕೆ ಮಾಡಲಾಗುತ್ತದೆ. ಮತ್ತು ನೀವು ಕೇವಲ ಒಂದನ್ನು ನಿರ್ವಹಿಸಬೇಕಾದರೆ ಏನು?

ವರ್ಗ ಆಯ್ಕೆದಾರರು

ಸಾಮಾನ್ಯ ಆಯ್ಕೆ. ವರ್ಗ ಗುಣಲಕ್ಷಣಗಳೊಂದಿಗೆ ಟ್ಯಾಗ್ಗಳನ್ನು ನಿರ್ವಹಿಸಲು ವಿನ್ಯಾಸಗೊಳಿಸಲಾಗಿದೆ. ನಿಮ್ಮ ಕೋಡ್ನಲ್ಲಿ ನೀವು ಮೂರು

ಬ್ಲಾಕ್ಗಳನ್ನು ಹೊಂದಿದ್ದರೆ, ಪ್ರತಿಯೊಂದೂ ನಿರ್ದಿಷ್ಟ ಬಣ್ಣವನ್ನು ಹೊಂದಿರಬೇಕು. ಇದನ್ನು ಹೇಗೆ ಮಾಡುವುದು? ಟ್ಯಾಗ್ಗಳಿಗಾಗಿ ಸ್ಟ್ಯಾಂಡರ್ಡ್ ಸಿಎಸ್ಎಸ್ ಸೆಲೆಕ್ಟರ್ಗಳು ಕೆಲಸ ಮಾಡುವುದಿಲ್ಲ, ಅವರು ಒಂದೇ ಬಾರಿಗೆ ಎಲ್ಲಾ ಬ್ಲಾಕ್ಗಳಿಗೆ ನಿಯತಾಂಕಗಳನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುತ್ತಾರೆ. ಔಟ್ಪುಟ್ ಸರಳವಾಗಿದೆ. ಅಂಶಗಳನ್ನು ವರ್ಗಕ್ಕೆ ನಿಗದಿಪಡಿಸಿ. ಉದಾಹರಣೆಗೆ, ಮೊದಲ ದರ್ಜೆ ವರ್ಗ = 'ಕೆಂಪು', ಎರಡನೇ ದರ್ಜೆಯ = 'ನೀಲಿ', ಮೂರನೇ ದರ್ಜೆ = 'ಹಸಿರು'. ಈಗ ಅವುಗಳನ್ನು ಸಿಎಸ್ಎಸ್ ಕೋಷ್ಟಕಗಳನ್ನು ಬಳಸಿ ಆಯ್ಕೆ ಮಾಡಬಹುದು.

ಸಿಂಟ್ಯಾಕ್ಸ್: ಪಾಯಿಂಟ್ ಅನ್ನು ಸೂಚಿಸಿ ("."), ನಂತರ ನಾವು ವರ್ಗದ ಹೆಸರನ್ನು ಬರೆಯುತ್ತೇವೆ. ಮೊದಲ ಬ್ಲಾಕ್ ಅನ್ನು ನಿಯಂತ್ರಿಸಲು, .red ವಿನ್ಯಾಸವನ್ನು ಬಳಸಿ. ಎರಡನೆಯದು .ಬ್ಲೂ ಮತ್ತು ಹೀಗೆ.

ಪ್ರಮುಖ! ವರ್ಗ ಗುಣಲಕ್ಷಣಕ್ಕೆ ಸ್ಪಷ್ಟ ಮೌಲ್ಯಗಳನ್ನು ನೀವು ಬಳಸಬೇಕೆಂದು ಸೂಚಿಸಲಾಗುತ್ತದೆ. ಭಾಷಾಂತರದ ಬಳಕೆ (ಉದಾ. ಕ್ರ್ಯಾಸಿವಿ-ಬ್ಲಾಕ್) ಅಥವಾ ಅಕ್ಷರಗಳು / ಸಂಖ್ಯೆಗಳ ಯಾದೃಚ್ಛಿಕ ಸಂಯೋಜನೆ (ಓಜ್ಫಾರ್). ಅಂತಹ ಕೋಡ್ನಲ್ಲಿ, ಖಂಡಿತವಾಗಿ ಗೊಂದಲಕ್ಕೊಳಗಾದಿರಿ, ನೀವು ಎದುರಿಸಬೇಕಾದ ನಂತರ ಯೋಜನೆಯೊಂದಿಗೆ ವ್ಯವಹರಿಸುವಾಗ ಯಾರು ತೊಂದರೆಗಳನ್ನು ನಮೂದಿಸಬಾರದು. BEM ನಂತಹ ಕೆಲವು ವಿಧಾನಗಳನ್ನು ಬಳಸುವುದು ಉತ್ತಮ ಆಯ್ಕೆಯಾಗಿದೆ.

ಪ್ರಯೋಜನಗಳು ಹೆಚ್ಚಾಗಿ ಹೆಚ್ಚಿನ ನಮ್ಯತೆ.

ಅನಾನುಕೂಲಗಳು - ಹಲವಾರು ಅಂಶಗಳು ಒಂದೇ ವರ್ಗವನ್ನು ಹೊಂದಬಹುದು, ಆದ್ದರಿಂದ ಅವುಗಳನ್ನು ಏಕಕಾಲದಲ್ಲಿ ಸಂಪಾದಿಸಲಾಗುವುದು. ಈ ವಿಧಾನವನ್ನು ಬಳಸಿಕೊಂಡು ವಿಧಾನವನ್ನು ಪರಿಹರಿಸಲಾಗುತ್ತದೆ, ಅಲ್ಲದೇ ಪೂರ್ವಪ್ರೊಸೆಸರ್ಗಳ ಆನುವಂಶಿಕತೆ. ಕಡಿಮೆ, ಸಾಸ್ ಅಥವಾ ಇನ್ನಿತರ ಪ್ರಿಪ್ರೊಸೆಸರ್ಗಳನ್ನು ಸದುಪಯೋಗಪಡಿಸಿಕೊಳ್ಳಿ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ, ಅವರು ಕೆಲಸವನ್ನು ಸರಳವಾಗಿ ಸರಳಗೊಳಿಸುತ್ತಾರೆ.

ID ಮೂಲಕ ಸೆಲೆಕ್ಟರ್

ಈ ಆಯ್ಕೆಗೆ ಸಂಬಂಧಿಸಿದಂತೆ, ಕೋಡರ್ ಮತ್ತು ಪ್ರೋಗ್ರಾಮರ್ಗಳ ಅಭಿಪ್ರಾಯಗಳು ಅಸ್ಪಷ್ಟವಾಗಿದೆ. CSS вообще не рекомендуют использовать ID, поскольку при неаккуратном применении они могут вызвать проблемы с наследованием. ಕೆಲವು ಸಿಎಸ್ಎಸ್ ಪಠ್ಯಪುಸ್ತಕಗಳು ಸಾಮಾನ್ಯವಾಗಿ ಐಡಿಗಳನ್ನು ಬಳಸುವಂತೆ ಶಿಫಾರಸು ಮಾಡುವುದಿಲ್ಲ , ಏಕೆಂದರೆ ಅಜಾಗರೂಕತೆಯಿಂದ ಬಳಸಿದಾಗ ಅವುಗಳು ಉತ್ತರಾಧಿಕಾರ ಸಮಸ್ಯೆಗಳನ್ನು ಉಂಟುಮಾಡಬಹುದು. ಆದಾಗ್ಯೂ, ಹಲವು ತಜ್ಞರು ಅವುಗಳನ್ನು ಮಾರ್ಕ್ಅಪ್ ಉದ್ದಕ್ಕೂ ಸಕ್ರಿಯವಾಗಿ ವಿತರಿಸುತ್ತಾರೆ. ಇದು ನಿಮಗೆ ಬಿಟ್ಟಿದೆ. # »), затем имя блока. ಸಿಂಟ್ಯಾಕ್ಸ್: ಒಂದು ಜಾಲರಿ ಅಕ್ಷರ (" # "), ನಂತರ ಒಂದು ಬ್ಲಾಕ್ ಹೆಸರು. #red. ಉದಾಹರಣೆಗೆ, #red.

отличается от класса по нескольким параметрам. ಐಡಿ ಹಲವಾರು ವಿಧಗಳಲ್ಲಿ ಭಿನ್ನವಾಗಿದೆ. ID. ಮೊದಲಿಗೆ, ಪುಟದಲ್ಲಿ ಎರಡು ಒಂದೇ ID ಗಳು ಇರಬಾರದು . ಅವರಿಗೆ ಅನನ್ಯ ಹೆಸರುಗಳನ್ನು ನೀಡಲಾಗುತ್ತದೆ. ಎರಡನೆಯದಾಗಿ, ಇಂತಹ ಸೆಲೆಕ್ಟರ್ಗೆ ಹೆಚ್ಚಿನ ಆದ್ಯತೆ ಇದೆ. red и укажете в таблицах CSS красный цвет фона, а затем назначите ему же id blue и укажете синий цвет, блок станет синим. ಇದರರ್ಥ ನೀವು ಬ್ಲಾಕ್ ಅನ್ನು ಕೆಂಪು ವರ್ಗಕ್ಕೆ ನೀಡಿದರೆ ಮತ್ತು ಸಿಎಸ್ಎಸ್ ಕೋಷ್ಟಕಗಳಲ್ಲಿ ಕೆಂಪು ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಸೂಚಿಸಿದರೆ , ಅದೇ ಐಡಿ ನೀಲಿವನ್ನು ನಿಯೋಜಿಸಿ ಮತ್ತು ನೀಲಿ ಬಣ್ಣವನ್ನು ಸೂಚಿಸಿ, ಬ್ಲಾಕ್ ನೀಲಿ ಬಣ್ಣವನ್ನು ಮಾಡುತ್ತದೆ.

ಪ್ರಯೋಜನಗಳು - ನೀವು ನಿರ್ದಿಷ್ಟ ಅಂಶವನ್ನು ನಿಯಂತ್ರಿಸಬಹುದು, ಟ್ಯಾಗ್ಗಳು ಮತ್ತು ತರಗತಿಗಳಿಗೆ ಶೈಲಿಗಳಿಗೆ ಗಮನ ಕೊಡದಿರಬಹುದು.

ID и class. ಅನಾನುಕೂಲಗಳು - ID ಮತ್ತು ವರ್ಗ ಬಹಳಷ್ಟು ಗೊಂದಲಕ್ಕೀಡಾಗುವುದು ಸುಲಭ .

ಪ್ರಮುಖ! ID вам, в общем-то, не нужны. ನೀವು BEM ವಿಧಾನವನ್ನು (ಅಥವಾ ಅದರ ಅನುಕರಣೆಗಳನ್ನು) ಬಳಸಿದರೆ, ನಿಮಗೆ ಸಾಮಾನ್ಯವಾಗಿ ID ಅಗತ್ಯವಿಲ್ಲ. ವಿನ್ಯಾಸದ ಈ ವಿಧಾನವು ಅನನ್ಯವಾದ ತರಗತಿಗಳ ಬಳಕೆಯನ್ನು ಒಳಗೊಂಡಿರುತ್ತದೆ, ಅದು ಹೆಚ್ಚು ಅನುಕೂಲಕರವಾಗಿದೆ.

ಯುನಿವರ್ಸಲ್ ಸೆಲೆಕ್ಟರ್

{}. ಸಿಂಟ್ಯಾಕ್ಸ್: ನಕ್ಷತ್ರ ಚಿಹ್ನೆ ("*") ಮತ್ತು ಕರ್ಲಿ ಕಟ್ಟುಪಟ್ಟಿಗಳು, ಅಂದರೆ * {}.

ಏಕಕಾಲದಲ್ಲಿ ಪುಟದ ಎಲ್ಲಾ ಅಂಶಗಳಿಗೆ ಕೆಲವು ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ನಿಯೋಜಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ. ಯಾವಾಗ ಅದು ಸುಲಭವಾಗಿ ಬರುತ್ತದೆ? box-sizing: border-box. ಉದಾಹರಣೆಗೆ, ನೀವು ಪುಟ ಆಸ್ತಿ ಬಾಕ್ಸ್ ಗಾತ್ರವನ್ನು ಹೊಂದಿಸಲು ಬಯಸಿದರೆ : border-box. div *{}. ಡಾಕ್ಯುಮೆಂಟ್ನ ಎಲ್ಲಾ ಘಟಕಗಳನ್ನು ನಿರ್ವಹಿಸಲು ಮಾತ್ರವಲ್ಲ, ನಿರ್ದಿಷ್ಟ ಬ್ಲಾಕ್ನ ಎಲ್ಲಾ ಮಕ್ಕಳನ್ನೂ ನಿಯಂತ್ರಿಸಲು ಸಹ ಬಳಸಬಹುದು, ಉದಾಹರಣೆಗೆ, div * {}.

ಪ್ರಯೋಜನಗಳು - ನೀವು ಅದೇ ಸಮಯದಲ್ಲಿ ಹೆಚ್ಚಿನ ಸಂಖ್ಯೆಯ ವಸ್ತುಗಳನ್ನು ನಿರ್ವಹಿಸಬಹುದು.

ಅನಾನುಕೂಲಗಳು ಒಂದು ಹೊಂದಿಕೊಳ್ಳುವ ಆಯ್ಕೆಯಾಗಿರುವುದಿಲ್ಲ. ಜೊತೆಗೆ, ಈ ಸೆಲೆಕ್ಟರ್ ಅನ್ನು ಕೆಲವು ಸಂದರ್ಭಗಳಲ್ಲಿ ಬಳಸುವುದರಿಂದ ಪುಟವನ್ನು ನಿಧಾನಗೊಳಿಸುತ್ತದೆ.

ಗುಣಲಕ್ಷಣಗಳಿಂದ

ನಿರ್ದಿಷ್ಟ ಲಕ್ಷಣದೊಂದಿಗೆ ಒಂದು ಅಂಶವನ್ನು ನಿರ್ವಹಿಸಲು ಸಾಧ್ಯವಿದೆ. ಉದಾಹರಣೆಗೆ, ನೀವು ವಿಭಿನ್ನ ಪ್ರಕಾರದ ಗುಣಲಕ್ಷಣಗಳೊಂದಿಗೆ ಹಲವು ಇನ್ಪುಟ್ ಟ್ಯಾಗ್ಗಳನ್ನು ಹೊಂದಿದ್ದೀರಿ. ಅವುಗಳಲ್ಲಿ ಒಂದು ಪಠ್ಯವಾಗಿದೆ, ಎರಡನೆಯದು ಪಾಸ್ವರ್ಡ್ ಆಗಿದೆ, ಮೂರನೆಯದು ಸಂಖ್ಯೆ. ಸಹಜವಾಗಿ, ನೀವು ಪ್ರತಿ ವರ್ಗ ಅಥವಾ ಐಡಿಯನ್ನು ನಿಯೋಜಿಸಬಹುದು, ಆದರೆ ಇದು ಯಾವಾಗಲೂ ಅನುಕೂಲಕರವಾಗಿರುವುದಿಲ್ಲ. ಗುಣಲಕ್ಷಣಗಳ ಮೂಲಕ ಸಿಎಸ್ಎಸ್ ಆಯ್ಕೆದಾರರು ಕೆಲವು ಟ್ಯಾಗ್ಗಳಿಗೆ ಗರಿಷ್ಠ ನಿಖರತೆ ಹೊಂದಿರುವ ಮೌಲ್ಯಗಳನ್ನು ಸೂಚಿಸಲು ಸಾಧ್ಯವಾಗುವಂತೆ ಮಾಡುತ್ತಾರೆ. ಉದಾಹರಣೆಗೆ, ಹೀಗೆ:

ಇನ್ಪುಟ್ [ಟೈಪ್ = 'ಟೆಕ್ಸ್ಟ್'] {}

ಈ ಗುಣಲಕ್ಷಣ ಸೆಲೆಕ್ಟರ್ ಪಠ್ಯ ಪ್ರಕಾರದೊಂದಿಗೆ ಎಲ್ಲಾ ಇನ್ಪುಟ್ಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡುತ್ತದೆ.

ಉಪಕರಣವು ಸಾಕಷ್ಟು ಮೃದುವಾಗಿರುತ್ತದೆ, ಅದನ್ನು ಲಕ್ಷಣಗಳು ಹೊಂದಿರುವ ಯಾವುದೇ ಟ್ಯಾಗ್ಗಳೊಂದಿಗೆ ಬಳಸಬಹುದು. ಆದರೆ ಅದು ಎಲ್ಲಲ್ಲ! ಸಿಎಸ್ಎಸ್ ವಿವರಣೆಯಲ್ಲಿ, ಉತ್ತಮ ಅನುಕೂಲತೆಯೊಂದಿಗೆ ಅಂಶಗಳನ್ನು ನಿರ್ವಹಿಸಲು ಸಾಧ್ಯವಿದೆ!

ನಿಮ್ಮ ಪುಟವು ಗುಣಲಕ್ಷಣ ಪ್ಲೇಸ್ಹೋಲ್ಡರ್ = "ಹೆಸರು ನಮೂದಿಸಿ" ಮತ್ತು ಇನ್ಪುಟ್ ಪ್ಲೇಸ್ಹೋಲ್ಡರ್ = "ಪಾಸ್ವರ್ಡ್ ನಮೂದಿಸಿ" ನೊಂದಿಗೆ ಒಂದು ಇನ್ಪುಟ್ ಅನ್ನು ಹೊಂದಿರುವಿರಿ ಎಂದು ಊಹಿಸಿ. ನೀವು ಸೆಲೆಕ್ಟರ್ ಬಳಸಿ ಅವುಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು! ಕೆಳಗಿನ ನಿರ್ಮಾಣವನ್ನು ಇದಕ್ಕಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ:

ಇನ್ಪುಟ್ [ಪ್ಲೇಸ್ಹೋಲ್ಡರ್ = "ಹೆಸರನ್ನು ನಮೂದಿಸಿ"] {} ಅಥವಾ ಇನ್ಪುಟ್ [ಪ್ಲೇಸ್ಹೋಲ್ಡರ್ = "ಪಾಸ್ವರ್ಡ್ ನಮೂದಿಸಿ"]

ವೈಶಿಷ್ಟ್ಯಗಳೊಂದಿಗೆ ಹೆಚ್ಚು ಹೊಂದಿಕೊಳ್ಳುವ ಕೆಲಸ ಸಾಧ್ಯ. ನೀವು ಅಂತಹ ಶೀರ್ಷಿಕೆಯ ಗುಣಲಕ್ಷಣಗಳೊಂದಿಗೆ ಹಲವಾರು ಟ್ಯಾಗ್ಗಳನ್ನು ಹೊಂದಿರುವಿರಿ ಎಂದು ಹೇಳುತ್ತಾರೆ ("ಕ್ಯಾಸ್ಪಿಯನ್" ಮತ್ತು "ಕ್ಯಾಸ್ಪಿಯನ್" ಎಂದು ಹೇಳಿ). ಎರಡೂ ಆಯ್ಕೆ ಮಾಡಲು, ಈ ಕೆಳಗಿನ ಆಯ್ಕೆದಾರರನ್ನು ಬಳಸಿ:

[ಶೀರ್ಷಿಕೆ * = "ಕ್ಯಾಸ್ಪಿಯನ್"]

"ಕ್ಯಾಸ್ಪಿಯನ್", ಅಂದರೆ "ಕ್ಯಾಸ್ಪಿಯನ್" ಮತ್ತು "ಕ್ಯಾಸ್ಪಿಯನ್" ಎರಡೂ ಚಿಹ್ನೆಗಳು ಇರುವ ಶೀರ್ಷಿಕೆಗಳಲ್ಲಿ CSS ಎಲ್ಲಾ ಅಂಶಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡುತ್ತದೆ.

ಕೆಲವು ಗುಣಲಕ್ಷಣಗಳೊಂದಿಗೆ ಪ್ರಾರಂಭವಾಗುವ ಟ್ಯಾಗ್ಗಳನ್ನು ನೀವು ಆಯ್ಕೆ ಮಾಡಬಹುದು:

[ಶೀರ್ಷಿಕೆ ^ = "ನಿಮಗೆ ಬೇಕಾದ ಪಾತ್ರ"] {}

ಅಥವಾ ಅವರೊಂದಿಗೆ ಕೊನೆಗೊಳ್ಳುತ್ತದೆ:

[ಶೀರ್ಷಿಕೆ $ = "ಬಯಸಿದ ಪಾತ್ರ"] {}.

ಪ್ರಯೋಜನಗಳು - ಗರಿಷ್ಟ ನಮ್ಯತೆ. ನೀವು ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಯಾವುದೇ ಪುಟ ಅಂಶಗಳನ್ನು ತರಗತಿಗಳೊಂದಿಗೆ fussing ಇಲ್ಲದೆ ಆಯ್ಕೆ ಮಾಡಬಹುದು.

ಅನಾನುಕೂಲಗಳು - ತುಲನಾತ್ಮಕವಾಗಿ ಅಪರೂಪವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ, ನಿರ್ದಿಷ್ಟ ಸಂದರ್ಭಗಳಲ್ಲಿ ಮಾತ್ರ. ಅನೇಕ ಲೇಔಟ್ ವಿನ್ಯಾಸಕರು ವಿಧಾನವನ್ನು ಆದ್ಯತೆ ನೀಡುತ್ತಾರೆ, ಏಕೆಂದರೆ ಬಹು ವರ್ಗ ಬ್ರಾಕೆಟ್ಗಳನ್ನು ಮತ್ತು "ಸಮನಾಗಿ" ಇರಿಸಲು ಹೆಚ್ಚು ವರ್ಗವನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸುವುದು ಸುಲಭವಾಗಿದೆ. ಇದಲ್ಲದೆ, ಈ ಆಯ್ಕೆಗಾರರು ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ ಆವೃತ್ತಿ 7 ಅಥವಾ ಕಡಿಮೆ ಕೆಲಸ ಮಾಡುತ್ತಿಲ್ಲ. ಆದಾಗ್ಯೂ, ಈಗ ಹಳೆಯ ಇಂಟರ್ನೆಟ್ ಎಕ್ಸ್ಪ್ಲೋರರ್ ಅಗತ್ಯವಿದೆಯೇ?

ಸ್ಯೂಡೋ-ವರ್ಗ ಆಯ್ಕೆದಾರರು

ಒಂದು ಸೂಡೊ ವರ್ಗವು ಒಂದು ಅಂಶದ ಸ್ಥಿತಿಯನ್ನು ಸೂಚಿಸುತ್ತದೆ. ಉದಾಹರಣೆಗೆ: ಹೂವರ್ - ಪುಟದ ಭಾಗಕ್ಕೆ ಏನಾಗುವಾಗ ಏನಾಗುತ್ತದೆ,: ಭೇಟಿ ನೀಡಿದ - ಭೇಟಿ ನೀಡಿದ ಲಿಂಕ್. ಇದರಲ್ಲಿನ ಅಂಶಗಳೆಂದರೆ: ಮೊದಲ ಮಗು ಮತ್ತು ಕೊನೆಯ ಮಗು.

ಈ ರೀತಿಯ ಆಯ್ಕೆಕಾರರು ಆಧುನಿಕ ವಿನ್ಯಾಸದಲ್ಲಿ ಸಕ್ರಿಯವಾಗಿ ಬಳಸುತ್ತಾರೆ, ಏಕೆಂದರೆ ಅದಕ್ಕೆ ಧನ್ಯವಾದಗಳು ನೀವು ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್ ಬಳಸದೆಯೇ ಪುಟವನ್ನು "ಲೈವ್" ಮಾಡಬಹುದು. ಉದಾಹರಣೆಗೆ, ನೀವು ಅದನ್ನು ಮಾಡಲು ಬಯಸುವಿರಿ ಆದ್ದರಿಂದ ನೀವು btn ವರ್ಗದ ಬಟನ್ ಮೇಲೆ ಹೋದಾಗ, ಅದರ ಬಣ್ಣ ಬದಲಾವಣೆಗಳು. ಇದನ್ನು ಮಾಡಲು, ನಾವು ಕೆಳಗಿನ ನಿರ್ಮಾಣವನ್ನು ಬಳಸುತ್ತೇವೆ:

.btn: ಹೋವರ್ {

ಹಿನ್ನೆಲೆ-ಬಣ್ಣ: ಕೆಂಪು;

}

ಸೌಂದರ್ಯಕ್ಕಾಗಿ, ಈ ಗುಂಡಿನ ಮುಖ್ಯ ಗುಣಲಕ್ಷಣಗಳಲ್ಲಿರುವ ಗುಂಡಿಯ ಆಸ್ತಿಯನ್ನು ನೀವು ನಿರ್ದಿಷ್ಟಪಡಿಸಬಹುದು, ಉದಾಹರಣೆಗೆ, 0.5 ರಲ್ಲಿ - ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಗುಂಡಿಯನ್ನು ತಕ್ಷಣವೇ ಅಲ್ಲಗಳೆಯುತ್ತದೆ, ಆದರೆ ಅರ್ಧ ಸೆಕೆಂಡ್ ಒಳಗೆ.

ಪ್ರಯೋಜನಗಳು - ಪುಟಗಳನ್ನು "ಪುನರುಜ್ಜೀವನಗೊಳಿಸುವ" ಸಕ್ರಿಯವಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ. ಬಳಸಲು ಸುಲಭ.

ಅನಾನುಕೂಲಗಳು - ಅವುಗಳು ಅಲ್ಲ. ಇದು ನಿಜವಾಗಿಯೂ ಅನುಕೂಲಕರವಾದ ಸಾಧನವಾಗಿದೆ. ಹೇಗಾದರೂ, ಅನನುಭವಿ ಸಂಪಾದಕರು ಸುಳ್ಳು ತರಗತಿಗಳು ಹೇರಳವಾಗಿ ಗೊಂದಲ ಪಡೆಯಬಹುದು. ಈ ಅಧ್ಯಯನವು ಅಧ್ಯಯನ ಮತ್ತು ಅಭ್ಯಾಸದಿಂದ ಪರಿಹರಿಸಲ್ಪಡುತ್ತದೆ.

ಸ್ಯೂಡೋ-ಅಂಶ ಆಯ್ಕೆದಾರರು

"ಸ್ಯೂಡೋ-ಅಂಶಗಳು" HTML ನಲ್ಲಿಲ್ಲದ ಪುಟದ ಆ ಭಾಗಗಳಾಗಿವೆ, ಆದರೆ ಅವುಗಳನ್ನು ಇನ್ನೂ ನಿರ್ವಹಿಸಬಹುದು. ನೀವು ಏನಾದರೂ ಅರ್ಥವಾಗಲಿಲ್ಲವೇ? ಎಲ್ಲವೂ ತೋರುತ್ತದೆ ಹೆಚ್ಚು ಸರಳವಾಗಿದೆ. ಉದಾಹರಣೆಗೆ, ನೀವು ಮೊದಲ ಅಕ್ಷರವನ್ನು ದೊಡ್ಡ ಮತ್ತು ಕೆಂಪು ಸಾಲಿನಲ್ಲಿ ಮಾಡಲು ಬಯಸಿದರೆ, ಇತರ ಪಠ್ಯ ಸಣ್ಣ ಮತ್ತು ಕಪ್ಪು ಬಣ್ಣವನ್ನು ಬಿಡಿ. ಸಹಜವಾಗಿ, ನೀವು ಈ ಪತ್ರವನ್ನು ಕೆಲವು ವರ್ಗಗಳೊಂದಿಗೆ ಸುತ್ತುವರಿಸಬಹುದು, ಆದರೆ ಇದು ದೀರ್ಘ ಮತ್ತು ನೀರಸ. ಸಂಪೂರ್ಣ ಪ್ಯಾರಾಗ್ರಾಫ್ ಆಯ್ಕೆಮಾಡಿ ಮತ್ತು :: ಮೊದಲ-ಅಕ್ಷರ ಹುಸಿ-ಅಂಶವನ್ನು ಬಳಸಲು ಸುಲಭವಾಗಿದೆ. ಇದು ಮೊದಲ ಅಕ್ಷರದ ನೋಟವನ್ನು ನಿಯಂತ್ರಿಸಲು ನಿಮಗೆ ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ.

ಹೆಚ್ಚಾಗಿ ದೊಡ್ಡ ಸಂಖ್ಯೆಯ ಸೂಡೊ-ಅಂಶಗಳಿವೆ. ಒಂದು ಲೇಖನದ ಚೌಕಟ್ಟಿನೊಳಗೆ ಅವುಗಳನ್ನು ಪಟ್ಟಿ ಮಾಡಲು ಕೆಲಸ ಮಾಡುವುದು ಅಸಂಭವವಾಗಿದೆ. ನಿಮ್ಮ ನೆಚ್ಚಿನ ಹುಡುಕಾಟ ಇಂಜಿನ್ ನಲ್ಲಿ ಸಂಬಂಧಿತ ಮಾಹಿತಿಯನ್ನು ನೀವು ಕಾಣಬಹುದು.

ಪ್ರಯೋಜನಗಳು - ಪುಟದ ನೋಟವನ್ನು ಮೃದುವಾಗಿ ಸರಿಹೊಂದಿಸಲು ಅವಕಾಶವನ್ನು ನೀಡುತ್ತದೆ.

ಅನಾನುಕೂಲಗಳು - ಅವುಗಳಲ್ಲಿ ಆರಂಭಿಕರು ಹೆಚ್ಚಾಗಿ ಗೊಂದಲಕ್ಕೊಳಗಾಗುತ್ತಾರೆ. ಕೆಲವು ರೀತಿಯ ಬ್ರೌಸರ್ಗಳಲ್ಲಿ ಮಾತ್ರ ಈ ರೀತಿಯ ಕೆಲಸದ ಅನೇಕ ಆಯ್ಕೆಗಾರರು.

ಸಾರಾಂಶಕ್ಕೆ

ಸೆಲೆಕ್ಟರ್ ಡಾಕ್ಯುಮೆಂಟ್ ಹರಿವನ್ನು ನಿಯಂತ್ರಿಸುವ ಪ್ರಬಲ ಸಾಧನವಾಗಿದೆ. ಅವನಿಗೆ ಧನ್ಯವಾದಗಳು, ನೀವು ಪುಟದ ಪ್ರತಿಯೊಂದು ಭಾಗವನ್ನು ಆಯ್ಕೆ ಮಾಡಬಹುದು (ಅಸ್ತಿತ್ವದಲ್ಲಿರುವ ಒಂದು ಮಾತ್ರ ಮಾತ್ರ ಷರತ್ತುಬದ್ಧವಾಗಿದೆ). ಲಭ್ಯವಿರುವ ಎಲ್ಲ ಆಯ್ಕೆಗಳನ್ನು ತಿಳಿಯಲು ಅಥವಾ ಕನಿಷ್ಠ ಅವುಗಳನ್ನು ಬರೆಯಿರಿ ಎಂದು ಖಚಿತಪಡಿಸಿಕೊಳ್ಳಿ. ನೀವು ಆಧುನಿಕ ವಿನ್ಯಾಸ ಮತ್ತು ಬಹಳಷ್ಟು ಸಂವಾದಾತ್ಮಕ ಅಂಶಗಳೊಂದಿಗೆ ಸಂಕೀರ್ಣ ಪುಟಗಳನ್ನು ರಚಿಸುತ್ತಿದ್ದರೆ ಇದು ಮುಖ್ಯವಾಗುತ್ತದೆ.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 kn.delachieve.com. Theme powered by WordPress.