ಸಿಎಸ್ಎಸ್ ಬಾಕ್ಸ್: ಪೂರ್ವಸಿದ್ಧತೆಯಿಲ್ಲದ ಮತ್ತು ಪರಿಣಾಮ

ಎಲ್ಲಾ ಅದರ ತಾರ್ಕಿಕ ಸರಳತೆಗಾಗಿ ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ (CSS) ಇದು ಸಾಧ್ಯ ಅದ್ಭುತ ವಿನ್ಯಾಸ ಪರಿಹಾರ ದೊರಕಿಸುವಂತೆ ಕೇವಲ ಮಾಡಲು, ಆದರೆ ನಿಜವಾದ ಕೋಡ್ ಕಾರ್ಯಕ್ಷಮತೆಯನ್ನು ಮೀರಿಸಲು, ರಿಯಲ್ ಕ್ರಮ ಅಂಶಗಳನ್ನು ಅನುವಾದ.

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

ವಾಕ್ಯ ವಿವರಣೆ

ನಿರ್ದಿಷ್ಟಪಡಿಸಿದ ಕ್ಷೇತ್ರ ರಕ್ಷಣೆಯ ಅಂಶ ಪುಟ ಮೇಲಿನ ಎಡ ಮೂಲೆಯಲ್ಲಿ (ಎಡ, ಮೇಲೆ), ಲಂಬ ಮತ್ತು ದಿಕ್ಕುಗಳಲ್ಲಿ ಗಾತ್ರ (ಅಗಲ, ಎತ್ತರ) ಸಂಬಂಧಿಸಿದಂತೆ ಸಂಘಟಿಸುತ್ತದೆ. ಎಲ್ಲಾ ವಿನ್ಯಾಸ ಮತ್ತು ಅನಿಮೇಷನ್ ಅಂಶಗಳನ್ನು ಜೋಡಿಯಾಗಿ ಮಾಡಲಾಗುತ್ತದೆ "ಆಸ್ತಿ: ಮೌಲ್ಯ".

ವಿವರಣೆ ಅವನಿಗೆ ಸೂಚಿಸುವ ಲಿಂಕ್ ಉಲ್ಲೇಖ, ಶೈಲಿ ಸೇರಿಸಲು ಪುಟ ಕೋಡ್ ಅಥವಾ ಒಂದು ಪ್ರತ್ಯೇಕ ಕಡತದಲ್ಲಿ ನೇರವಾಗಿ ಮಾಡಲಾಗುತ್ತದೆ. ವಾಕ್ಯ:

#name {ಆಸ್ತಿ: ಮೌಲ್ಯ; ಆಸ್ತಿ: ಮೌಲ್ಯ; ಆಸ್ತಿ: ಮೌಲ್ಯ; ...}

ಅಥವಾ

.name {ಆಸ್ತಿ: ಮೌಲ್ಯ; ಆಸ್ತಿ: ಮೌಲ್ಯ; ಆಸ್ತಿ: ಮೌಲ್ಯ; ...}

ಹೆಸರು ಪು, ದೇಹದ, HTML, ಟೇಬಲ್, ಟಿಡಿ ಮಾಡಬಹುದು ..., ಎಂದು HTML ಮಾರ್ಕ್ಅಪ್ ಟ್ಯಾಗ್ ಹೆಸರು. ಶೈಲಿ ಅಂಶದ ವಿವರಣೆಯೊಂದಿಗೆ ನೇರವಾಗಿ ಸಂಪರ್ಕ ಕಲ್ಪಿಸಬಹುದು.

ನೀವು ನನ್ನ ಸ್ವಂತ ಬರವಣಿಗೆ ಶೈಲಿಯ ಅಪ್ ಮಾಡಿ ಮುಂಚೆ ಅದು ಅಥವಾ ಬ್ರೌಸರ್ನಲ್ಲಿ ನೇರವಾಗಿ ವೀಕ್ಷಿಸಲು Ctrl-ಯು ಒತ್ತಿ ಪುಟ ಕೋಡ್ ಕೀಪಿಂಗ್, ಜನಪ್ರಿಯ ಸೈಟ್ಗಳಲ್ಲಿ ಮಾಡಲಾಗಿದೆ ಎಂಬುದನ್ನು ನೋಡಿ ಹರ್ಟ್.

ಮಾನದಂಡಗಳ

ವಾಸ್ತವವಾಗಿ CSS ಫ್ರೇಮ್ ಅಂಶವನ್ನು ತೋರ್ಪಡಿಸಿದರು ಶೈಲಿ (ಗಡಿ ಶೈಲಿ), ಬಣ್ಣ (ಗಡಿ ಬಣ್ಣ), ಅಗಲ (ಗಡಿ ಅಗಲ). ಇದು ಎಲ್ಲಾ ಒಂದು ಆಸ್ತಿ ಸಾರಸಂಗ್ರಹವನ್ನು ಮಾಡಬಹುದು - ಗಡಿ. ನೀವು ಸ್ವತಂತ್ರವಾಗಿ ಪ್ರತಿ ಫ್ರೇಮ್ ಗಡಿ ವಿವರಿಸಬಹುದು (ಗಡಿ ಟಾಪ್, ಗಡಿ ಬಾಟಮ್, ಗಡಿ-ಎಡ, ಗಡಿ-ಬಲಕ್ಕೆ).

ಸಿಎಸ್ಎಸ್ ಫ್ರೇಮ್ ಕ್ಯಾಸ್ಕೇಡಿಂಗ್ ಸ್ಟೈಲ್ ಶೀಟ್ಸ್ ಸಾಮಾನ್ಯ ನಿಯಮಗಳು ವಿವರಿಸಿದರು:

ಗಡಿ: 3px;
ಗಡಿ ಬಣ್ಣ: ಕೆಂಪು;
ಗಡಿ ಶೈಲಿಯ: ಡಬಲ್ ಘನ ಚುಕ್ಕೆಗಳ ಬಿಡಿ.

ಡಬಲ್, ಬಲ ಮೇಲಿನ ಭಾಗದಲ್ಲಿ - ಬಿಡಿ, ಘನ ಬಿಟ್ಟು ಕೆಳಗೆ, - ಪಾಯಿಂಟ್: ಕೆಂಪು, ಶೈಲಿ ಬದಿ - ಈ ವಿವರಣೆಯನ್ನು 3 ಪಿಕ್ಸೆಲ್ಗಳು, ಬಣ್ಣದ ಗಡಿ ಅಗಲ ಹೊಂದಿಸುತ್ತದೆ.

ಗಡಿ ಅಗಲ: 1px 2px 4px 8px;
ಗಡಿ ಬಣ್ಣ: ನೀಲಿ;
ಗಡಿ ಶೈಲಿಯ: ಚುಕ್ಕೆಗಳ.

ನೀಲಿ, ಮತ್ತು ಶೈಲಿ - - ಇಲ್ಲಿ, ಪ್ರತಿ ಬದಿಯಲ್ಲಿ ಆಯಾಮಗಳು ಉನ್ನತ ಪ್ರದಕ್ಷಿಣಾಕಾರದಲ್ಲಿ, ಬಣ್ಣ ರಿಂದ ಅನುಕ್ರಮವಾಗಿ ಸಹ ಸ್ಪಾಟ್.

ಗಡಿ ಬಣ್ಣ: ನೀಲಿ, ಕೆಂಪು ಹಸಿರು ಕಪ್ಪು;

ಈ ವಿವರಣೆಯಲ್ಲಿ, ಪ್ರತ್ಯೇಕ ಪ್ರತಿ ಬದಿಯಲ್ಲಿ ಬಣ್ಣದ ನಿರ್ದಿಷ್ಟಪಡಿಸಲಾಗಿಲ್ಲ. ಗಡಿ ಆಸ್ತಿ ಬಹು ನಿಯತಾಂಕಗಳನ್ನು, ಮತ್ತು ಫ್ರೇಮ್ ಸುತ್ತಿನಲ್ಲಿ ಮಾಡಬಹುದು ಕೋನಗಳಿಗೆ ಒಳಗೊಳ್ಳಬಹುದು:

ಗಡಿ: 1px ಹಸಿರು ಸಾಲಿಡ್;
ಗಡಿ ತ್ರಿಜ್ಯ: 0px 4px 8px 12px;
-moz-ಬಾರ್ಡರ್ ತ್ರಿಜ್ಯ: 0px 4px 8px 12px;
ವೆಬ್ಕಿಟ್ ಗಡಿ ತ್ರಿಜ್ಯ: 0px 4px 8px 12px;

ಸಿಎಸ್ಎಸ್ ಫ್ರೇಮ್ ಮಾಡಲು ಹೇಗೆ, ಇದು ಪುಟದಲ್ಲಿ ಪ್ರದೇಶದ ನಿಖರವಾದ ಸ್ಥಳ ಮತ್ತು ಗಾತ್ರ ತೋರಿಸಲು ಮುಖ್ಯ ಮಾಡಿದಾಗ ಸಾಮಾನ್ಯವಾಗಿ ಶೈಲಿಯ ಪರಿಣಾಮ, ತಾಂತ್ರಿಕ ಉದ್ದೇಶಗಳಿಗಾಗಿ ಬಳಸಲಾಗುತ್ತದೆ ಏಕೆಂದರೆ ಭೇಟಿ ಉಪಯುಕ್ತತೆ ಅವಲಂಬಿಸಿರುತ್ತದೆ.

ಫ್ರೇಮ್ ಮತ್ತು ಅದರ ಉದ್ದೇಶದ ದಪ್ಪ

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

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

ಕೆಲವು ಅಪ್ಲಿಕೇಶನ್ಗಳು ಪುಟದ ಪ್ರದೇಶಗಳನ್ನು ಹಂಚಿಕೆ ಅಗತ್ಯವಿರುತ್ತದೆ ಅಥವಾ ಮತ್ತಷ್ಟು ಪ್ರಕ್ರಿಯೆಗೆ ಐಟಂಗಳನ್ನು ಆಯ್ಕೆ. ಈ ಸಂದರ್ಭದಲ್ಲಿ, ಕ್ಲಿಕ್ ಸಮಯದಲ್ಲಿ ಒಂದು ಗಡಿ ಒಂದು DIV ರಚಿಸಲು ಮತ್ತು ಭೇಟಿ ಮೌಸ್ ಬಟನ್ ಬಿಡುಗಡೆ ಮಾಡುವುದಿಲ್ಲ ತನಕ, ಆಯ್ಕೆಯ ದೃಷ್ಟಿ ಫಲಿತಾಂಶವನ್ನು ತೋರಿಸುವ, ಅದನ್ನು ಮರುಗಾತ್ರಗೊಳಿಸಲು.

ಹೊರಗೆ ಅಡಿಯಲ್ಲಿ

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

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

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