10 css interview questions — set 1

1) CSS ಎಂದರೇನು?

ಸಿಎಸ್ಎಸ್ ಎಂದರೆ Cascading Style Sheet. ಇದು ಜನಪ್ರಿಯ styling language, ಇದನ್ನು websiteಗಳನ್ನು ವಿನ್ಯಾಸಗೊಳಿಸಲು HTML ನೊಂದಿಗೆ ಬಳಸಲಾಗುತ್ತದೆ. simple XML, SVG, ಮತ್ತು XUL ಸೇರಿದಂತೆ ಯಾವುದೇ XML documentಗಳೊಂದಿಗೆ ಇದನ್ನು ಬಳಸಬಹುದು.

2) Webpageಲ್ಲಿ ನೀವು CSS ಅನ್ನು ಹೇಗೆ ಸಂಯೋಜಿಸಬಹುದು?

Webpageಗಳಲ್ಲಿ CSS ಅನ್ನು ಸಂಯೋಜಿಸಲು 3 ವಿಧಾನಗಳಿವೆ.

  • Inline method — HTML Documentಲ್ಲಿ style sheetನ್ನು ಸೇರಿಸಲು ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ
  • Embedded/Internal method- ಒಂದೇ documentಗೆ ವಿಶಿಷ್ಟ styleನ್ನು ಸೇರಿಸಲು ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ
  • Linked/Imported/External method — ನೀವು ಅನೇಕ ಪುಟಗಳಲ್ಲಿ ಬದಲಾವಣೆಗಳನ್ನು ಮಾಡಲು ಬಯಸಿದಾಗ ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.

3) Embedded Style Sheet ಎಂದರೇನು?

Embedded Style Sheet ಎನ್ನುವುದು HTML ಜೊತೆ ಬಳಸುವ CSS ಶೈಲಿಯ specification method. STYLE elementನ್ನು ಬಳಸಿಕೊಂಡು ನೀವು ಸಂಪೂರ್ಣ style sheet ಅನ್ನು HTML documentನಲ್ಲಿ embed ಮಾಡಬಹುದು.

body {

background-color: linen;

}

h1 {

color: red;

margin-left: 80px;

}

4) Embedded style sheetಗಳ advantage ಯಾವುವು?

  • Documentನಲ್ಲಿ multiple tag ಪ್ರಕಾರಗಳಲ್ಲಿ ಬಳಸಲು ನೀವು classesಗಳನ್ನು ರಚಿಸಬಹುದು.
  • Complex ಸಂದರ್ಭಗಳಲ್ಲಿ styleಗಳನ್ನು ಅನ್ವಯಿಸಲು ನೀವು selector ಮತ್ತು grouping methodಗಳನ್ನು ಬಳಸಬಹುದು.
  • ಮಾಹಿತಿಯನ್ನು ಆಮದು(import) ಮಾಡಲು ಯಾವುದೇ ಹೆಚ್ಚುವರಿ download ಅಗತ್ಯವಿಲ್ಲ.

5) CSS Selector ಎಂದರೇನು?

ಇದು ಒಂದು ನಿರ್ದಿಷ್ಟ declaration ಅನ್ವಯವಾಗುವ elementsಗಳನ್ನು ಗುರುತಿಸುವ string ಆಗಿದೆ. ಇದನ್ನು HTML document ಮತ್ತು stylesheet ನಡುವಿನ link ಎಂದೂ ಕರೆಯಲಾಗುತ್ತದೆ. ಇದು HTML elementsಗಳಿಗೆ ಸಮಾನವಾಗಿರುತ್ತದೆ. CSSಲ್ಲಿ ಹಲವಾರು ರೀತಿಯ Selectors ಇದ್ದಾರೆ: -

  • CSS Element Selector
  • CSS Id Selector
  • CSS Class Selector
  • CSS Universal Selector
  • CSS Group Selector

6) ಕೆಲವು CSS ಶೈಲಿಯ componentsಗಳನ್ನು ಹೆಸರಿಸಿ.

ಕೆಲವು CSS ಶೈಲಿಯ componentsಗಳು ಹೀಗಿವೆ:

  • Selector
  • Property
  • Value

7) Universal Selector ಅನ್ನು ವಿವರಿಸಿ.

Universal selector ನಿರ್ದಿಷ್ಟ ಪ್ರಕಾರದ elementsಗಳನ್ನು ಆಯ್ಕೆ ಮಾಡುವ ಬದಲು ಯಾವುದೇ element type ಹೆಸರಿಗೆ ಹೊಂದಿಕೆಯಾಗುತ್ತದೆ.

  • {

color: green;

font-size: 20px;

}

8) Rulesetನ ಬಳಕೆ ಏನು?

Selectorಗಳನ್ನು ಇತರ selectorಗಳೊಂದಿಗೆ attach ಮಾಡಬಹುದು ಎಂಬುದನ್ನು ಗುರುತಿಸಲು Ruleset ಅನ್ನು ಬಳಸಲಾಗುತ್ತದೆ. ಇದು 2 ಭಾಗಗಳನ್ನು ಹೊಂದಿದೆ:

  • Selector — selector ನೀವು style ಮಾಡಲು ಬಯಸುವ HTML elementsನ್ನು ಸೂಚಿಸುತ್ತದೆ.
  • Declaration Block- Declaration blockನಲ್ಲಿ ಒಂದು ಅಥವಾ ಹೆಚ್ಚಿನ declarationಗಳನ್ನು ;(semicolon) ಚಿಹ್ನೆಯಿಂದ ಬೇರ್ಪಡಿಸಬಹುದು.

9) Class selector ಮತ್ತು Id selector ​​ನಡುವಿನ ವ್ಯತ್ಯಾಸವೇನು?

Class selectorಗೆ overall block ಅನ್ನು ನೀಡಲಾಗುತ್ತದೆ, ಆದರೆ Id selectorಗಳು ಇತರ elementsಗಳಿಂದ ಭಿನ್ನವಾಗಿರುವ ಒಂದೇ ಒಂದು elementsನ್ನು ಮಾತ್ರ ತೆಗೆದುಕೊಳ್ಳುತ್ತದೆ.

CSS Class Selector

.center {

text-align: center;

color: blue;

}

CSS Id Selector

para1 {

text-align: center;

color: blue;

}

10) External stylesheetಗಳ advantages ಯಾವುವು?

  • ಅನೇಕ documentಗಳಲ್ಲಿ ಅದನ್ನು reuse ಮಾಡಲು ನೀವು classesಗಳನ್ನು ರಚಿಸಬಹುದು.
  • ಇದನ್ನು ಬಳಸುವ ಮೂಲಕ, ನೀವು ಒಂದು fileನಿಂದ ಅನೇಕ documentಗಳ styleಗಳನ್ನು ನಿಯಂತ್ರಿಸಬಹುದು.
  • Complex ಸಂದರ್ಭಗಳಲ್ಲಿ, styleಗಳನ್ನು ಅನ್ವಯಿಸಲು ನೀವು selector ಮತ್ತು grouping methodsಗಳನ್ನು ಬಳಸಬಹುದು.

Article By : Hemalatha

Credits: https://www.javatpoint.com/css-interview-questions

MicroDegree is an edtech platform for learning Emerging Technologies such as Full-Stack Development, Data Science, Machine Learning using vernacular at an affordable price. For more details reach out to hello@microdegree.work

🚀 For Course Certification : https://bit.ly/3gt2nY7

👍 Youtube:: https://bit.ly/3ajK4Cz

Website : https://microdegree.work

LinkedIn : https://www.linkedin.com/company/micr

Facebook : https://www.facebook.com/microdegree

Instagram : https://www.instagram.com/micro.degree

Subscribe to MicroDegree

Get the latest posts delivered right to your inbox