ಪ್ರಿಪ್ರೊಸೆಸರ್ r ಸಿಎಸ್ಎಸ್: ಅವಲೋಕನ, ಆಯ್ಕೆ, ಅಪ್ಲಿಕೇಶನ್

ಸಂಪೂರ್ಣವಾಗಿ ಎಲ್ಲಾ ಅನುಭವಿ ವೆಬ್ ವಿನ್ಯಾಸಕರು ಪ್ರಿಪ್ರೊಸೆಸರ್ ಬಳಸಿ. ಯಾವುದೇ ಅಪವಾದಗಳಿವೆ. ಈ ಚಟುವಟಿಕೆಯನ್ನು ಸಫಲವಾಗಲು ಬಯಸಿದರೆ, ಈ ಕಾರ್ಯಕ್ರಮಗಳ ಬಗ್ಗೆ ಮರೆಯಬೇಡಿ. ಮೊದಲ ನೋಟದಲ್ಲಿ, ಅವರು ಅನನುಭವಿ ಸ್ತಬ್ಧ ಭಯಾನಕ ಉಂಟುಮಾಡಬಹುದು - ಇದು ಪ್ರೋಗ್ರಾಮಿಂಗ್ ತುಂಬಾ ಹೋಲುತ್ತದೆ! ವಾಸ್ತವವಾಗಿ, ನಿಮ್ಮ ಬಗ್ಗೆ ದಿನ ಸಿಎಸ್ಎಸ್ ಪ್ರಿಪ್ರೊಸೆಸರ್ ಎಲ್ಲಾ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಎದುರಿಸಲು, ಮತ್ತು ನೀವು ಪ್ರಯತ್ನಿಸಿದರೆ, ಗಂಟೆಗಳ ನಂತರ ಒಂದೆರಡು. ಭವಿಷ್ಯದಲ್ಲಿ, ಅವು ಗಮನಾರ್ಹವಾಗಿ ನಿಮ್ಮ ಜೀವನದ ಸರಳಗೊಳಿಸುವ ಕಾಣಿಸುತ್ತದೆ.

ಹೇಗೆ ಸಿಎಸ್ಎಸ್ ಪ್ರಿಪ್ರೊಸೆಸರ್ ಮಾಡಿದರು

ಉತ್ತಮ ಈ ತಂತ್ರಜ್ಞಾನ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳಲು, ಸಂಕ್ಷಿಪ್ತವಾಗಿ ಇತಿಹಾಸ ವೆಬ್ ಪುಟಗಳ ದೃಶ್ಯ ಪ್ರಸ್ತುತಿಯ ಪರಿಶೀಲಿಸುತ್ತದೆ.

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

1994 ರಲ್ಲಿ ನಾರ್ವೆ ವಿಜ್ಞಾನಿ Håkon ಲೈ ಸಾಧ್ಯತೆಯಿದೆಯೆಂದು ಎಚ್ಟಿಎಮ್ಎಲ್-ಡಾಕ್ಯುಮೆಂಟ್ ಪ್ರತ್ಯೇಕವಾಗಿ ಪುಟಗಳ ಗೋಚರತೆಯನ್ನು ಬಳಸಲಾಗುತ್ತದೆ ಒಂದು ಶೈಲಿ ಹಾಳೆ ಅಭಿವೃದ್ಧಿ. ತಕ್ಷಣ ಪೂರ್ಣಗೊಂಡ ಹೊರಟರು ಯಾರು ಡಬ್ಲ್ಯು 3 ಸಿ, ಕಲ್ಪನೆಯನ್ನು priglanulas ಸದಸ್ಯರು. ಕೆಲವು ವರ್ಷಗಳ ನಂತರ ಅವರು ಸಿಎಸ್ಎಸ್ ವಿವರಣೆಯನ್ನು ಮೊದಲ ಆವೃತ್ತಿಯನ್ನು ಪ್ರಕಟಿಸಿದರು. ನಂತರ ಅವರು ನಿರಂತರವಾಗಿ ಅಂತಿಮಗೊಳಿಸಿತು ಎಂದು, ಸುಧಾರಿಸಲಾಯಿತು ... ಆದರೆ ಪರಿಕಲ್ಪನೆಯು ಒಂದೇ ಉಳಿದಿದೆ: ಪ್ರತಿ ಶೈಲಿಯ ಕೆಲವು ಗುಣಲಕ್ಷಣಗಳನ್ನು ಹೊಂದಿಸಲು.

ಸಿಎಸ್ಎಸ್ ಕೋಷ್ಟಕಗಳು ಬಳಸಿಕೊಂಡು ಯಾವಾಗಲೂ ಬಂದಿದೆ ಸಮಸ್ಯಾತ್ಮಕ. ಉದಾಹರಣೆಗೆ, ವೆಬ್ ವಿನ್ಯಾಸಕರು ಸಾಮಾನ್ಯವಾಗಿ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಸಾರ್ಟಿಂಗ್ ಮತ್ತು ಗುಂಪಿನ ಸಮಸ್ಯೆಗಳನ್ನು ಹೊಂದಿತ್ತು, ಮತ್ತು ಪಿತ್ರಾರ್ಜಿತ ಆದ್ದರಿಂದ ಸುಲಭವಲ್ಲ.

ಆನಂತರ ಎರಡು ಸಾವಿರದ ಬಂದಿತು. ಗುರುತುಗಳು ಹೆಚ್ಚು ಇದು ಹೊಂದಿಕೊಳ್ಳುವ ಮತ್ತು ಕ್ರಿಯಾತ್ಮಕ ಕೆಲಸ ಶೈಲಿಗಳು ಮುಖ್ಯ ವೃತ್ತಿಪರ ಮುಂಭಾಗದ ಕೊನೆಯಲ್ಲಿ ಅಭಿವರ್ಧಕರು, ತೊಡಗಿಸಿಕೊಳ್ಳಲು ಆರಂಭಿಸಿದರು ಮಾಡಲಾಗುತ್ತದೆ. ಸಮಯ ಬೇಡಿಕೆ ಸಿಎಸ್ಎಸ್ ಪೂರ್ವಪ್ರತ್ಯಯಗಳು ಉದ್ಯೊಗ ಅಸ್ತಿತ್ವದಲ್ಲಿದ್ದ ಮತ್ತು ಟ್ರ್ಯಾಕಿಂಗ್ ಬೆಂಬಲ ಬ್ರೌಸರ್ ಹೊಸ ಸಾಮರ್ಥ್ಯಗಳನ್ನು. ನಂತರ, ಜಾವಾಸ್ಕ್ರಿಪ್ಟ್, ಮತ್ತು ರೂಬಿ ತಜ್ಞರು ವ್ಯಾಪಾರ ಕೆಳಗೆ, ಒಂದು ಪ್ರಿಪ್ರೊಸೆಸರ್ ಸೃಷ್ಟಿಸುವಲ್ಲಿ ಸಿಕ್ಕಿತು - ಸಿಎಸ್ಎಸ್ ಫಾರ್ ಉನ್ನತ ಹೊಸ ಲಕ್ಷಣಗಳು ಇದನ್ನು ಸೇರಿಸಲಾಗುತ್ತದೆ.

ಬಿಗಿನರ್ಸ್ ಸಿಎಸ್ಎಸ್: ಪ್ರಿಪ್ರೊಸೆಸರ್ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು

ಅವರು ಹಲವಾರು ಕಾರ್ಯಗಳನ್ನು ಹೊಂದಿವೆ:

• ಬ್ರೌಸರ್ ಪೂರ್ವಪ್ರತ್ಯಯಗಳು ಮತ್ತು ಕಾಕಿ ಒಗ್ಗೂಡಿಸುವ;

• ವಾಕ್ಯ ಸರಳಗೊಳಿಸುವ;

• ದೋಷಗಳು ಇಲ್ಲದೆ ಅಡಗಿಸಿದ ಆಯ್ಕೆ ಕೆಲಸ ಅವಕಾಶ ನೀಡಿ;

• ತರ್ಕದ ಶೈಲಿಯನ್ನು ಸುಧಾರಿಸಲು.

ಸಂಕ್ಷಿಪ್ತವಾಗಿ: ಪ್ರಿಪ್ರೊಸೆಸರ್ ಸಿಎಸ್ಎಸ್ ಪ್ರೋಗ್ರಾಮಿಂಗ್ ತರ್ಕ ಸಾಮರ್ಥ್ಯಗಳನ್ನು ಸೇರಿಸುತ್ತದೆ. ಅಸ್ಥಿರ, ಕಾರ್ಯಗಳು, hagfish, ಚಕ್ರಗಳನ್ನು ಪರಿಸ್ಥಿತಿಗಳು: ಈಗ, ಶೈಲಿಯನ್ನು ಶೈಲಿಗಳ ಸಾಮಾನ್ಯ ಮಾಡಿ ಮತ್ತು ಕೆಲವು ಸರಳ ತಂತ್ರಗಳನ್ನು ಮತ್ತು ವಿಧಾನಗಳನ್ನು ಜೊತೆ ನಿರ್ವಹಿಸುವುದಿಲ್ಲ. ಜೊತೆಗೆ, ಸಾಮರ್ಥ್ಯ ಗಣಿತ ಬಳಸಲು.

ಈ ಒಳಜೋಡಣೆಗಳನ್ನು ಜನಪ್ರಿಯತೆ ನೋಡಿದ, ಡಬ್ಲೂ 3 ನಿಧಾನವಾಗಿ ಸಿಎಸ್ಎಸ್ ಕೋಡ್ ಅವುಗಳನ್ನು ಸಾಧ್ಯತೆಯನ್ನು ಸೇರಿಸಲು ಪ್ರಾರಂಭಿಸಿದ. ಉದಾಹರಣೆಗೆ, ನಿರ್ದಿಷ್ಟ ವಿವರಣೆಯಲ್ಲಿ ಆದ್ದರಿಂದ ಅನೇಕ ಬ್ರೌಸರ್ಗಳು ಬೆಂಬಲಿತವಾಗಿದೆ ಅಲ್ಲಿ ಸರಂಧ್ರ () ಕಾರ್ಯಾಚರಣೆಯು. ಇದು ಶೀಘ್ರದಲ್ಲೇ ಅಸ್ಥಿರ ಸೆಟ್ ಮತ್ತು ಒಂದು hagfish ರಚಿಸಲು ಸಾಧ್ಯ ಎಂದು ಎಂದು ನಿರೀಕ್ಷಿಸಲಾಗಿದೆ. ಆದಾಗ್ಯೂ, ಈ ದೂರದ ಭವಿಷ್ಯದಲ್ಲಿ preprocessors ಸಂಭವಿಸುತ್ತದೆ, ಹಾಗೂ ಈಗಾಗಲೇ ಇಲ್ಲಿ ಮತ್ತು ಈಗಾಗಲೇ ಕೆಲಸ.

ಜನಪ್ರಿಯ preprocessors ಸಿಎಸ್ಎಸ್. ಸಾಸ್

2007 ರಲ್ಲಿ ವಿನ್ಯಾಸ. ಮೂಲತಃ ಒಂದು ಘಟಕವನ್ನು Haml - ಒಂದು ಟೆಂಪ್ಲೇಟ್ ಎಚ್ಟಿಎಮ್ಎಲ್. ಸಿಎಸ್ಎಸ್ ಅಂಶಗಳಿಗಾಗಿ ಹೊಸ ವೈಶಿಷ್ಟ್ಯಗಳು ಎಲ್ಲೆಡೆ ಹರಡಲು ಪ್ರಾರಂಭವಾದ ಹಳಿಗಳ ಮೇಲೆ ರೂಬಿ ಮೇಲೆ ಇಷ್ಟವಾದದ್ದು ಅಭಿವರ್ಧಕರು ನಿಯಂತ್ರಿಸಲು. ಸಾಸ್ ಈಗ ಯಾವುದೇ ಪ್ರಿಪ್ರೊಸೆಸರ್ ರಲ್ಲಿ ಸೇರಿಸಲಾದ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಒಂದು ದೊಡ್ಡ ಸಂಖ್ಯೆ: ಆಯ್ಕೆ ಎಂಬೆಡಿಂಗ್ ಚರಾಂಕಗಳ, hagfish (ನಂತರ, ಆದರೆ, ಈ ವಾದಗಳನ್ನು ಸಾಧ್ಯವಿಲ್ಲ ಸೇರಿಸಲಾಗಿದೆ).

ಸಾಸ್ ರಲ್ಲಿ ಘೋಷಿಸುವುದು ಅಸ್ಥಿರ

ಬದಲಾಗಬಲ್ಲ $ ಚಿಹ್ನೆ ಘೋಷಿಸಿತು. "$ BorderSolid:: 1px ಘನ ಕೆಂಪು;" ಅವರು ಉದಾಹರಣೆಗೆ, ಅವುಗಳ ಗುಣಲಕ್ಷಣಗಳನ್ನು ಮತ್ತು ಸೆಟ್ ಕಾಯ್ದುಕೊಳ್ಳುತ್ತವೆ. ಈ ಉದಾಹರಣೆಯಲ್ಲಿ, ನಾವು borderSolid ಎಂಬ ಮಾರ್ಪಡಿಸಬಹುದಾದ ಘೋಷಿಸಿದರೆ 1px ಘನ ಕೆಂಪು ಗೌರವಿಸುತ್ತಾರೆ ಉಳಿಸಲಾಗಿದೆ. ಈಗ ಸಿಎಸ್ಎಸ್ ನಾವು 1px ಕೆಂಪು ಅಂಚಿನ ಅಗಲ ರಚಿಸಬೇಕಾಗಿದೆ ವೇಳೆ, ಕೇವಲ ಗುಣಗಳ ಹೆಸರು ನಂತರ ವೇರಿಯಬಲ್ ಸೂಚಿಸುತ್ತದೆ. ಅಸ್ಥಿರ ಪ್ರಕಟಣೆಯ ನಂತರ ಬದಲಾಯಿಸಲಾಗುವುದಿಲ್ಲ. ಹಲವಾರು ಅಂತರ್ನಿರ್ಮಿತ ಕಾರ್ಯಗಳಿವೆ. ಉದಾಹರಣೆಗೆ, $ redcolor # FF5050 ರ ಮೌಲ್ಯದ ವೇರಿಯಬಲ್ ಘೋಷಿಸಲು. ಪು {color: ಈಗ, ಯಾವುದೇ ಮೂಲವಸ್ತುವಿನ ಗುಣಗಳು ಸಿಎಸ್ಎಸ್ ಕೋಡ್ ನಲ್ಲಿ, ಫಾಂಟ್ ಬಣ್ಣ ಹೊಂದಿಸಲು ಬಳಸಲು $ redColor; }. ನೀವು ಬಣ್ಣ ಪ್ರಾಯೋಗಿಕವಾಗಿ ಬಯಸುತ್ತೀರಾ? ಕಾರ್ಯ ಗಾಢಗೊಳಿಸಲ್ಪಟ್ಟ ಬಳಸಿ ಅಥವಾ ಹಗೂರವಾಗಿಸಬಹುದು. ಈ ಆದ್ದರಿಂದ ಮಾಡಲಾಗುತ್ತದೆ: ಪು {ಬಣ್ಣ: ಕತ್ತಲನ್ನು ($ redColor, 20%); }. ಪರಿಣಾಮವಾಗಿ, ಬಣ್ಣ redColor 20% ಕಡಿಮೆ ಇರುತ್ತದೆ.

ಸಾಸ್ ಅನೇಕ ಕಾರ್ಯಗಳನ್ನು ಅಂತರ್ನಿರ್ಮಿತ. ತಿಳಿಯಲು - ಉತ್ತಮ, ಕನಿಷ್ಠ ಅವುಗಳನ್ನು ಓದಲು ವರ್ತ್ ಆದರೆ.

ಗೂಡುಕಟ್ಟುವ

ಹಿಂದೆ, ಗೂಡುಕಟ್ಟುವ ಸೂಚಿಸಲು ಒಂದು ದೀರ್ಘ ಮತ್ತು ಅಹಿತಕರ ವಿನ್ಯಾಸ ಬಳಸಬೇಕಿತ್ತು. ನಾವು ಪಿ ಒಂದು DIV, ಹೊಂದಿರುವ ಇಮ್ಯಾಜಿನ್, ಮತ್ತು ಇದು, ಸರದಿಯಲ್ಲಿ, ಸೆಟ್ ಸ್ಪ್ಯಾನ್. ಹಳದಿ ವಿಸ್ತರಿಸಿತ್ತು - - DIV ಫಾರ್, ನಾವು, ಪು, ಕೆಂಪು ಫಾಂಟ್ ಬಣ್ಣ ಹೊಂದಿಸಲು ಅಗತ್ಯವಿದೆ ಗುಲಾಬಿ. ಒಂದು ವಿಶಿಷ್ಟ ಸಿಎಸ್ಎಸ್ ಇದು ಕೆಳಗಿನಂತೆ ನೆರವೇರಲಿದೆ:

DIV {

ಬಣ್ಣ: ಕೆಂಪು;

}

DIV ಪುಟ {

ಬಣ್ಣ: ಹಳದಿ;

}

DIV ಪುಟ ಸ್ಪ್ಯಾನ್ {

ಬಣ್ಣ: ಗುಲಾಬಿ;

}

ಸಿಎಸ್ಎಸ್ ಪ್ರಿಪ್ರೊಸೆಸರ್ ಎಲ್ಲಾ ಸುಲಭ ಮತ್ತು ಹೆಚ್ಚು ಕಾಂಪ್ಯಾಕ್ಟ್ ಆಗುತ್ತದೆ:

DIV {

ಬಣ್ಣ: ಕೆಂಪು;

ಪು {

ಬಣ್ಣ: ಹಳದಿ;

: Span {

ಬಣ್ಣ: ಗುಲಾಬಿ;

}

}

}

ಎಲಿಮೆಂಟ್ಸ್ ಅಕ್ಷರಶಃ ಪರಸ್ಪರ "ಹೂಡಿಕೆ".

ಪ್ರಿಪ್ರೊಸೆಸರ್ ನಿರ್ದೇಶನ

@ ಆಮದು ನಿರ್ದೇಶನ ಬಳಸಿ ಫೈಲ್ಗಳನ್ನು ಆಮದು ಮಾಡಬಹುದು. ಉದಾಹರಣೆಗೆ, ನಾವು ಫಾಂಟ್ಗಳು ಶೈಲಿಗಳು ಘೋಷಿಸಿದ್ದು fonts.sass ಕಡತ ಹೊಂದಿವೆ. ಮುಖ್ಯ ಫೈಲ್ style.sass ಅದನ್ನು ಸಂಪರ್ಕಿಸಿ: @ ಆಮದು 'ಫಾಂಟ್ಗಳು'. ಮುಗಿದಿದೆ! ಬದಲಿಗೆ ಶೈಲಿಗಳೊಂದಿಗೆ ಏಕೈಕ ದೊಡ್ಡ ಕಡತದ ನಾವು ಮಾಡಬಹುದಾದ ಬೇಕಾದ ಗುಣಲಕ್ಷಣಗಳನ್ನು ತ್ವರಿತ ಮತ್ತು ಸುಲಭ ಪ್ರವೇಶಕ್ಕಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ ಕೆಲವು ಹೊಂದಿವೆ.

hagfish

ಅತ್ಯಂತ ಕುತೂಹಲಕಾರಿ ವಿಚಾರಗಳನ್ನು ಒಂದು. ಇದು ಗುಣಗಳನ್ನು ಒಂದು ಸೆಟ್ ಕೇಳಲು ಒಂದು ಸಾಲಿನ ಅನುಮತಿಸುತ್ತದೆ. ಕೆಳಗಿನಂತೆ ನಿರ್ವಹಿಸುತ್ತವೆ:

@mixin largeFont {

ಫಾಂಟ್-ಕುಟುಂಬ: 'ಟೈಮ್ಸ್ ನ್ಯೂ ರೋಮನ್';

ಫಾಂಟ್ ಗಾತ್ರದ: 64px;

ಲೈನ್ ಎತ್ತರ: 80px;

ಫಾಂಟ್ ತೂಕದ: ಬೋಲ್ಡ್;

}

Hagfish, ಪುಟದಲ್ಲಿ ಅಂಶ ಅನ್ವಯಿಸಲು ನಿರ್ದೇಶನದ @include ಬಳಸಿ. ಉದಾಹರಣೆಗೆ, ನಾವು H1 ಹೆಡರ್ ಅನ್ವಯಿಸಲು ಬಯಸುವ. H1 {@include: ನಾವು ಕೆಳಗಿನ ರಚನೆಯನ್ನು ಹೊಂದಿರುತ್ತವೆ largeFont; }

hagfish ಎಲ್ಲಾ ಗುಣಗಳನ್ನು ಒಂದು H1 ಅಂಶ ನೀಡಲಾಗಿದೆ.

ಪ್ರಿಪ್ರೊಸೆಸರ್ ಕಡಿಮೆ

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

ಅಸ್ಥಿರ @ ಗುರುತನ್ನು ಬಳಸಿ ಘೋಷಿಸಲಾಗುತ್ತದೆ. ಉದಾಹರಣೆಗೆ: @fontSize: 14px;. ಸಾಸ್ ರಲ್ಲಿ ಅದೇ ತತ್ವಗಳ ಮೇಲೆ ಗೂಡುಕಟ್ಟುವ ಕೃತಿಗಳು. .largeFont () {ಫಾಂಟ್-ಕುಟುಂಬ: ಕೆಳಗಿನಂತೆ Hagfish ಘೋಷಿಸಲಾಗುತ್ತದೆ 'ಟೈಮ್ಸ್ ನ್ಯೂ ರೋಮನ್'; ಫಾಂಟ್ ಗಾತ್ರದ: 64px; ಲೈನ್ ಎತ್ತರ: 80px; ಫಾಂಟ್ ತೂಕದ: ಬೋಲ್ಡ್; }. ಕೇವಲ ಆಯ್ಕೆ ಮೂಲವಸ್ತುವಿನ ಗುಣಗಳು ಹೊಸದಾಗಿ ರಚಿಸಿದ hagfish ಸೇರಿಸಿ - ಇದು ಪ್ರಿಪ್ರೊಸೆಸರ್ ನಿರ್ದೇಶನ ಬಳಸಲು ಅನಿವಾರ್ಯವಲ್ಲ ಸಂಪರ್ಕಿಸಲು. ಉದಾಹರಣೆಗೆ: H1 {.largeFont; }.

ಸ್ಟೈಲಸ್

ಮತ್ತೊಂದು ಪ್ರಿಪ್ರೊಸೆಸರ್. ವಿಶ್ವದ ಜೇಡ್, ಎಕ್ಸ್ಪ್ರೆಸ್ ಮತ್ತು ಇತರ ಉಪಯುಕ್ತ ಉತ್ಪನ್ನಗಳ ನೀಡಿದ ಅದೇ ಲೇಖಕ, ಮೂಲಕ 2011 ರಲ್ಲಿ ರಚಿಸಲಾಗಿದೆ.

ಬದಲಾಗಬಲ್ಲ ಎರಡು ರೀತಿಯಲ್ಲಿ ಘೋಷಿಸಿತು ಮಾಡಬಹುದು - ಪ್ರಕಟವಾಗಿ ಅಥವಾ ಸೂಚ್ಯವಾಗಿ. ಉದಾಹರಣೆಗೆ: ಫಾಂಟ್ = 'ಟೈಮ್ಸ್ ನ್ಯೂ ರೋಮನ್'; - ಒಂದು ಸೂಚ್ಯ ಆಯ್ಕೆಯನ್ನು. ಆದರೆ $ ಫಾಂಟ್ = 'ಟೈಮ್ಸ್ ನ್ಯೂ ರೋಮನ್' - ಸ್ಪಷ್ಟ. Hagfish ಘೋಷಿಸಿ ಸೂಚ್ಯವಾಗಿ ಸಂಪರ್ಕ. redColor () ಬಣ್ಣ ಕೆಂಪು: ವಾಕ್ಯ ಹೀಗಿದೆ. ಈಗ ನಾವು, ಐಟಂ ಸೇರಿಸಬಹುದು ಉದಾಹರಣೆಗೆ: H1 redColor ();.

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

ಏನು ಪ್ರಿಪ್ರೊಸೆಸರ್ ಆಯ್ಕೆ?

ವಾಸ್ತವವಾಗಿ, ಅದು ... ಇದು ವಿಷಯವಲ್ಲ. ಎಲ್ಲಾ ಆವೃತ್ತಿಗಳು ಅದೇ ವೈಶಿಷ್ಟ್ಯಗಳ ಬಗ್ಗೆ ನೀಡುತ್ತವೆ ಕೇವಲ ಪ್ರತಿಯೊಂದು ವಾಕ್ಯ ವಿಭಿನ್ನವಾಗಿದೆ. ನಾವು ಈ ಕೆಳಗಿನಂತೆ ಮುಂದುವರಿಯಲು ಶಿಫಾರಸು:

• ನೀವು ವೇಳೆ - ಪ್ರೋಗ್ರಾಮರ್ ಮತ್ತು, ಶೈಲಿಗಳು ಎರಡೂ ಕೋಡ್ ಕೆಲಸ ಮಾಡಲು ಬಳಸಲು ಸಾಸ್ ಬಯಸುವ;
• ನೀವು - ಒಂದು ಕೋಡರ್ನ ಮತ್ತು ಸಾಂಪ್ರದಾಯಿಕ ವಿನ್ಯಾಸದಿಂದ ಶೈಲಿಗಳಲ್ಲಿ ಕೆಲಸ ಕಡಿಮೆ ಗಮನ ಪಾವತಿ ಬಯಸುವ;
• ನೀವು ಕನಿಷ್ಠೀಯತಾವಾದವು ವೇಳೆ ಕೂಡ, ಸ್ಟೈಲಸ್ ಬಳಸಿ.

ಮತ್ತಷ್ಟು ಅಭಿವೃದ್ಧಿ ಸರಳಗೊಳಿಸುವ ಎಂದು ಆಸಕ್ತಿದಾಯಕ ಗ್ರಂಥಾಲಯಗಳು ಅನಿಯಮಿತ ಸಂಖ್ಯೆಯ ಎಲ್ಲಾ ರೂಪಾಂತರಗೊಂಡಿತು. ಅನೇಕ ಅಂತರ್ನಿರ್ಮಿತ ವೈಶಿಷ್ಟ್ಯಗಳೊಂದಿಗೆ ಪ್ರಬಲ ಸಾಧನವಾಗಿದೆ - ಸಾಸ್ ಶಿಫಾರಸು ಬಳಕೆದಾರರು ಕಂಪಾಸ್ ಗಮನ ಪಾವತಿಸಲು. ಉದಾಹರಣೆಗೆ, ನೀವು ಅನುಸ್ಥಾಪಿಸಲು ನಂತರ ನೀವು ಮಾರಾಟಗಾರರ ಆವೃತ್ತಿ ಪೂರ್ವಪ್ರತ್ಯಯ ಬಗ್ಗೆ ಚಿಂತಿಸಬೇಕಾಗಿಲ್ಲ ಎಂದಿಗೂ. ಸುಲಭಗೊಳಿಸುತ್ತದೆ ಗ್ರಿಡ್ ಕೆಲಸ. ಹೂಗಳು, sprites, ಕೆಲಸ ಉಪಕರಣಗಳು ಇವೆ. ಶ್ರೇಣಿಯು ಈಗಾಗಲೇ hagfish ಘೋಷಿಸಿತು. ಈ ಉಪಕರಣವನ್ನು ಒಂದೆರಡು ನೀಡಿ - ಹೀಗೆ ನೀವು ಭವಿಷ್ಯದಲ್ಲಿ ಸಮಯ ಮತ್ತು ಶ್ರಮವನ್ನು ಉಳಿಸುತ್ತದೆ.