ಶೈಲಿ ಸಿಎಸ್ಎಸ್ ಜೊತೆ ಶೈಲಿಗಳು

ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನ ನೋಟವನ್ನು ಸುಧಾರಿಸಲು ತಿಳಿಯಿರಿ

CSS ನೊಂದಿಗೆ ಶೈಲಿಗಳನ್ನು ಹೇಗೆ ಕಲಿಯುವುದು ನಿಮ್ಮ ವೆಬ್ಸೈಟ್ನ ನೋಟವನ್ನು ಸುಧಾರಿಸಲು ಉತ್ತಮ ಮಾರ್ಗವಾಗಿದೆ. ಹೆಚ್ಚಿನ ವೆಬ್ ಪುಟಗಳಲ್ಲಿ ಎಚ್ಟಿಎಮ್ಎಲ್ ರೂಪಗಳು ಅಸ್ಪಷ್ಟವಾಗಿರುವ ವಿಷಯಗಳ ನಡುವೆ ವಾದಯೋಗ್ಯವಾಗಿವೆ. ಅವರು ಸಾಮಾನ್ಯವಾಗಿ ನೀರಸ ಮತ್ತು ಪ್ರಯೋಜನಕಾರಿ ಮತ್ತು ಶೈಲಿಯ ರೀತಿಯಲ್ಲಿ ಹೆಚ್ಚು ನೀಡುವುದಿಲ್ಲ.

ಸಿಎಸ್ಎಸ್ ಜೊತೆ, ಅದು ಬದಲಾಗಬಹುದು. ಹೆಚ್ಚು ಸುಧಾರಿತ ಫಾರ್ಮ್ ಟ್ಯಾಗ್ಗಳೊಂದಿಗೆ ಸಿಎಸ್ಎಸ್ ಅನ್ನು ಸೇರಿಸುವುದು ಕೆಲವು ಸಂತೋಷವನ್ನು-ಕಾಣುವ ಸ್ವರೂಪಗಳನ್ನು ತಲುಪಿಸುತ್ತದೆ.

ಬಣ್ಣಗಳನ್ನು ಬದಲಾಯಿಸಿ

ಪಠ್ಯದಂತೆ, ನೀವು ಮುಂಭಾಗ ಮತ್ತು ರೂಪ ಅಂಶಗಳ ಹಿನ್ನಲೆ ಬಣ್ಣಗಳನ್ನು ಬದಲಾಯಿಸಬಹುದು.

ಇನ್ಪುಟ್ ಟ್ಯಾಗ್ನಲ್ಲಿ ಹಿನ್ನೆಲೆ-ಬಣ್ಣ ಆಸ್ತಿಯನ್ನು ಬಳಸುವುದು ಪ್ರತಿಯೊಂದು ಫಾರ್ಮ್ ಅಂಶದ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಲು ಸುಲಭವಾದ ಮಾರ್ಗವಾಗಿದೆ. ಉದಾಹರಣೆಗೆ, ಈ ಕೋಡ್ ಎಲ್ಲಾ ಅಂಶಗಳ ಮೇಲೆ ನೀಲಿ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು (# 9cf) ಅನ್ವಯಿಸುತ್ತದೆ.

ಇನ್ಪುಟ್ {
ಹಿನ್ನೆಲೆ-ಬಣ್ಣ: # 9cf;
ಬಣ್ಣ: # 000;
}

ಕೆಲವೊಂದು ಫಾರ್ಮ್ ಅಂಶಗಳ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಲು, ಪಠ್ಯೈರಾವನ್ನು ಸೇರಿಸಿ ಮತ್ತು ಶೈಲಿಗೆ ಆಯ್ಕೆಮಾಡಿ. ಉದಾಹರಣೆಗೆ:

ಇನ್ಪುಟ್, ಟೆಕ್ಸ್ಟೇರಿಯಾ, {
ಹಿನ್ನೆಲೆ-ಬಣ್ಣ: # 9cf;
ಬಣ್ಣ: # 000;
}

ನಿಮ್ಮ ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಗಾಢವಾಗಿಸಿದರೆ ಪಠ್ಯ ಬಣ್ಣವನ್ನು ಬದಲಾಯಿಸಲು ಮರೆಯದಿರಿ. ವ್ಯತಿರಿಕ್ತ ಬಣ್ಣಗಳು ಫಾರ್ಮ್ ಅಂಶಗಳನ್ನು ಹೆಚ್ಚು ಸ್ಪಷ್ಟವಾಗಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ಪಠ್ಯ ಬಣ್ಣವು ಬಿಳಿ ಬಣ್ಣದಲ್ಲಿದ್ದರೆ ಗಾಢ ಕೆಂಪು ಹಿನ್ನೆಲೆಯ ಬಣ್ಣದ ಪಠ್ಯವು ಹೆಚ್ಚು ಸುಲಭವಾಗಿ ಓದುತ್ತದೆ. ಉದಾಹರಣೆಗೆ, ಈ ಕೋಡ್ ಕೆಂಪು ಹಿನ್ನೆಲೆಯಲ್ಲಿ ಬಿಳಿ ಪಠ್ಯವನ್ನು ಇರಿಸುತ್ತದೆ.

ಇನ್ಪುಟ್, ಟೆಕ್ಸ್ಟೇರಿಯಾ, {
ಹಿನ್ನೆಲೆ ಬಣ್ಣ: # c00;
ಬಣ್ಣ: #fff;
}

ಫಾರ್ಮ್ ಟ್ಯಾಗ್ನಲ್ಲಿ ನೀವು ಹಿನ್ನೆಲೆ ಬಣ್ಣವನ್ನು ಕೂಡ ಇರಿಸಬಹುದು. ಫಾರ್ಮ್ ಟ್ಯಾಗ್ ಬ್ಲಾಕ್ ಅಂಶವಾಗಿದೆ ಎಂಬುದನ್ನು ನೆನಪಿನಲ್ಲಿಡಿ, ಬಣ್ಣವು ಸಂಪೂರ್ಣ ಆಯಾತದಲ್ಲಿ ತುಂಬುತ್ತದೆ, ಕೇವಲ ಅಂಶಗಳ ಸ್ಥಳಗಳಲ್ಲ.

ಪ್ರದೇಶವನ್ನು ಎದ್ದು ಕಾಣುವಂತೆ ಮಾಡಲು ನೀವು ಬ್ಲಾಕ್ ಅಂಶಕ್ಕೆ ಒಂದು ಹಳದಿ ಹಿನ್ನೆಲೆಗಳನ್ನು ಸೇರಿಸಬಹುದು:

ರೂಪ {
ಹಿನ್ನೆಲೆ ಬಣ್ಣ: #ffc;
}

ಬಾರ್ಡರ್ಸ್ ಸೇರಿಸಿ

ಬಣ್ಣಗಳಂತೆ, ನೀವು ವಿವಿಧ ರೂಪ ಅಂಶಗಳ ಗಡಿಗಳನ್ನು ಬದಲಾಯಿಸಬಹುದು. ಇಡೀ ರೂಪದ ಸುತ್ತಲೂ ನೀವು ಒಂದೇ ಗಡಿಯನ್ನು ಸೇರಿಸಬಹುದು. ಪ್ಯಾಡಿಂಗ್ ಅನ್ನು ಸೇರಿಸುವುದು ಖಚಿತವಾಗಿರಲಿ, ಅಥವಾ ನಿಮ್ಮ ಫಾರ್ಮ್ ಅಂಶಗಳು ಗಡಿಯುದ್ದಕ್ಕೂ ಬಲಕ್ಕೆ ಸಿಕ್ಕಿಕೊಳ್ಳುತ್ತವೆ.

5 ಪಿಕ್ಸೆಲ್ಗಳ ಪ್ಯಾಡಿಂಗ್ನೊಂದಿಗೆ 1-ಪಿಕ್ಸೆಲ್ ಕಪ್ಪು ಗಡಿಗಾಗಿ ಕೋಡ್ನ ಉದಾಹರಣೆ ಇಲ್ಲಿದೆ:

ರೂಪ {
ಗಡಿ: 1 px solid # 000;
ಪ್ಯಾಡಿಂಗ್: 5 px;
}

ಫಾರ್ಮ್ ಅನ್ನು ಹೊರತುಪಡಿಸಿ ನೀವು ಅಂಚುಗಳನ್ನು ಹಾಕಬಹುದು. ಅವುಗಳನ್ನು ಎದ್ದುಕಾಣುವಂತೆ ಮಾಡಲು ಇನ್ಪುಟ್ ಐಟಂಗಳ ಗಡಿಯನ್ನು ಬದಲಾಯಿಸಿ:

ಇನ್ಪುಟ್ {
ಗಡಿ: 2px dashed # c00;
}

ಇನ್ಪುಟ್ ಬಾಕ್ಸ್ಗಳ ಮೇಲೆ ನೀವು ಅಂಚುಗಳನ್ನು ಹಾಕಿದಾಗ ಜಾಗರೂಕರಾಗಿರಿ ನಂತರ ಅವುಗಳು ಇನ್ಪುಟ್ ಪೆಟ್ಟಿಗೆಗಳಂತೆ ಕಡಿಮೆ ಕಾಣುತ್ತವೆ, ಮತ್ತು ಕೆಲವು ಜನರು ಫಾರ್ಮ್ನಲ್ಲಿ ತುಂಬಲು ಸಾಧ್ಯವಾಗಿಲ್ಲವೆಂದು ತಿಳಿಯದಿರಬಹುದು.

ಶೈಲಿ ವೈಶಿಷ್ಟ್ಯಗಳನ್ನು ಒಂದುಗೂಡಿಸಿ

ಚಿಂತನೆಯೊಂದಿಗೆ ನಿಮ್ಮ ಫಾರ್ಮ್ ಅಂಶಗಳನ್ನು ಒಟ್ಟಿಗೆ ಸೇರಿಸುವುದರ ಮೂಲಕ ಮತ್ತು ಕೆಲವು ಸಿಎಸ್ಎಸ್, ನಿಮ್ಮ ಸೈಟ್ನ ವಿನ್ಯಾಸ ಮತ್ತು ವಿನ್ಯಾಸವನ್ನು ಪೂರೈಸುವಂತಹ ಸುಂದರ ನೋಟವನ್ನು ನೀವು ಹೊಂದಿಸಬಹುದು.