10 css interview questions — set 2

1) Inline, Embedded ಮತ್ತು External stylesheetಗಳ ನಡುವಿನ ವ್ಯತ್ಯಾಸವೇನು?

Inline: Inline stylesheet ಅನ್ನು small piece of codeನ್ನು ಮಾತ್ರ ವಿನ್ಯಾಸಗೊಳಿಸಲು ಬಳಸಲಾಗುತ್ತದೆ.

Syntax

<htmltag style=”cssproperty1:value; cssproperty2:value;”>

Embedded: Embedded style sheets ‌ಗಳನ್ನು … tagಗಳ ನಡುವೆ ಇರಿಸಲಾಗುತ್ತದೆ.

Syntax

External: ಕೇವಲ ಒಂದು stylesheet ಅನ್ನು ಬದಲಾಯಿಸುವ ಮೂಲಕ ನಿಮ್ಮ websiteನ ಎಲ್ಲಾ pageಗಳಿಗೆ styleಯನ್ನು ಅನ್ವಯಿಸಲು ಇದನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.

Syntax:

2) CSS Box model ಎಂದರೇನು ಮತ್ತು ಅದರ elementsಗಳು ಯಾವುವು?

CSS elementsಗಳ ವಿನ್ಯಾಸ ಮತ್ತು ವಿನ್ಯಾಸವನ್ನು ವ್ಯಾಖ್ಯಾನಿಸಲುCSS box modelನ್ನು ಬಳಸಲಾಗುತ್ತದೆ.

elementsಗಳು ಹೀಗಿವೆ:

Margin — ಇದು border ಸುತ್ತಲಿನ ಪ್ರದೇಶವನ್ನು remove ಮಾಡುತ್ತದೆ. ಇದು transparent ಆಗಿದೆ.

Border — ಇದು padding ಸುತ್ತಲಿನ ಪ್ರದೇಶವನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ

Padding — ಇದು content ಸುತ್ತಲಿನ ಪ್ರದೇಶವನ್ನು remove ಮಾಡುತ್ತದೆ. ಇದು transparent ಆಗಿದೆ.

Content — ಇದು text, imagesಗಳು ಮುಂತಾದ contentನ್ನು ಪ್ರತಿನಿಧಿಸುತ್ತದೆ.

Image for post

Image for post

3) CSS2 ಮತ್ತು CSS3 ನಡುವಿನ ವ್ಯತ್ಯಾಸವೇನು?

CSS 2 ಮತ್ತು CSS 3 ನಡುವಿನ ಪ್ರಮುಖ ವ್ಯತ್ಯಾಸವೆಂದರೆ CSS 3 ಅನ್ನು ವಿಭಿನ್ನ ವಿಭಾಗಗಳಾಗಿ ವಿಂಗಡಿಸಲಾಗಿದೆ, ಇದನ್ನು Modules ಎಂದೂ ಕರೆಯುತ್ತಾರೆ. CSS2 ಗಿಂತ ಭಿನ್ನವಾಗಿ, CSS3 modulesಗಳನ್ನು ಅನೇಕ browserಗಳು ಬೆಂಬಲಿಸುತ್ತವೆ.

ಇದಲ್ಲದೆ, CSS 3 ಹೊಸ General Sibling Combinatorsನ್ನು ಒಳಗೊಂಡಿದೆ, ಇದು ಕೊಟ್ಟಿರುವ elementsಗಳೊಂದಿಗೆ sibling elementsಗಳನ್ನು ಹೊಂದಿಸಲು ಕಾರಣವಾಗಿದೆ.

4) CSSಲ್ಲಿ ಬಳಸುವ float property ಯಾವುದು?

Float CSS property ಒಂದು elementನ್ನು ಅದರ containerನ left ಅಥವಾ right ಭಾಗದಲ್ಲಿ ಇರಿಸುತ್ತದೆ, text ಮತ್ತು inline ​​elementsಗಳನ್ನು ಅದರ ಸುತ್ತಲೂ wrap ಮಾಡಲು ಅನುವು ಮಾಡಿಕೊಡುತ್ತದೆ. Page ನ ಸಾಮಾನ್ಯ flowನಿಂದ elementsನ್ನು remove ಮಾಡಲಾಗುತ್ತದೆ, ಆದರೂ ಅದು ಇನ್ನೂflowನ ಒಂದು ಭಾಗವಾಗಿ ಉಳಿದಿದೆ (in contrast to absolute positioning). float ಬಳಕೆ:

float: none;

float: left;

float: right;

5) CSS ಬಳಸಿ image repetitionನ್ನು ನೀವು ಹೇಗೆ ನಿಯಂತ್ರಿಸುತ್ತೀರಿ?

Imageನ್ನು ನಿಯಂತ್ರಿಸಲು ನೀವು background-repeat propertyಯನ್ನು ಬಳಸಬಹುದು.

h1 {

background-repeat: none;

}

6) CSS current versionಲ್ಲಿ ಬಳಸಲಾದ ವಿಭಿನ್ನ modules ಯಾವುವು?

CSSಲ್ಲಿ ಹಲವಾರುmodulesಗಳಿವೆ. ಅವುಗಳಲ್ಲಿ ಕೆಲವು:

  • Selectors
  • Box Model
  • Backgrounds and Borders
  • Text Effects
  • 2D/3D Transformations
  • Animations
  • Multiple Column Layout
  • User Interface

7) CSSಲ್ಲಿನ ವಿವಿಧ font-related attributesಗಳು ಯಾವುವು?

CSSಲ್ಲಿ ಲಭ್ಯವಿರುವ ವಿಭಿನ್ನ font-related attributesಗಳನ್ನು ಕೆಳಗೆ ನೀಡಲಾಗಿದೆ:

  • Font-style
  • Font-variant
  • Font-weight
  • Font-size/line-height
  • Font-family
  • Caption
  • Icon

8) z-indexನ ಉದ್ದೇಶವೇನು ಮತ್ತು ಅದನ್ನು ಹೇಗೆ ಬಳಸಲಾಗುತ್ತದೆ?

z-index, ಒಂದರ ಮೇಲೊಂದರಂತೆ ಇರುವ ಸ್ಥಾನದ elementsಗಳ stack orderನ್ನು ನಿರ್ದಿಷ್ಟಪಡಿಸಲು ಸಹಾಯ ಮಾಡುತ್ತದೆ. Z-index default valueವು zeroವಾಗಿರುತ್ತದೆ ಮತ್ತು ಇದು positive ಅಥವಾ negative numberನ್ನು ತೆಗೆದುಕೊಳ್ಳಬಹುದು.

ಹೆಚ್ಚಿನ z-indexನ್ನು ಹೊಂದಿರುವ elementsನ್ನು ಯಾವಾಗಲೂ ಕಡಿಮೆ indexನ ಮೇಲೆ ಜೋಡಿಸಲಾಗುತ್ತದೆ.

z-index ಈ ಕೆಳಗಿನ valueಗಳನ್ನು ತೆಗೆದುಕೊಳ್ಳಬಹುದು:

auto: ಅದರ parentsಗೆ ಸಮಾನವಾದ stack orderನ್ನು ಹೊಂದಿಸುತ್ತದೆ.

number: stack orderನ್ನು ಆದೇಶಿಸುತ್ತದೆ.

Initial: ಈ propertyಯನ್ನು ಅದರ default value (0)ಗೆ ಹೊಂದಿಸುತ್ತದೆ.

Inherit: ಈ propertyಯನ್ನು ಅದರ parent elementನಿಂದ ಪಡೆದುಕೊಳ್ಳುತ್ತದೆ.

9) visibility: hidden and display: none ನಡುವಿನ ವ್ಯತ್ಯಾಸವನ್ನು ವಿವರಿಸಿ?

visibility: hidden, elementನ್ನು hide ಮಾಡುತ್ತದೆ, ಆದರೆ ಅದು ಜಾಗವನ್ನು ಆಕ್ರಮಿಸುತ್ತದೆ ಮತ್ತು documentನ ವಿನ್ಯಾಸದ ಮೇಲೆ ಪರಿಣಾಮ ಬೀರುತ್ತದೆ.

It is visible

It is hidden

Note — Second heading is hidden, but it still occupy space.

display: none ಸಹ elementsನ್ನು hide ಮಾಡುತ್ತದೆ ಆದರೆ ಜಾಗವನ್ನು ಆಕ್ರಮಿಸುವುದಿಲ್ಲ. ಇದು documentನ ವಿನ್ಯಾಸದ ಮೇಲೆ ಪರಿಣಾಮ ಬೀರುವುದಿಲ್ಲ.

It is visible

It is hidden

Note — Second heading is hidden and not occupy space.

10) W3C ಯಿಂದ ನೀವು ಏನು ಅರ್ಥಮಾಡಿಕೊಳ್ಳುತ್ತೀರಿ?

W3C ಎಂದರೆ World Wide Web Consortium. World Wide Webನ ಮಾಹಿತಿಯನ್ನು ತಲುಪಿಸುವುದು ಇದರ ಉದ್ದೇಶ. ಇದು webಗಾಗಿ ನಿಯಮಗಳು ಮತ್ತು ಮಾರ್ಗಸೂಚಿಗಳನ್ನು ಸಹ ಅಭಿವೃದ್ಧಿಪಡಿಸುತ್ತದೆ.

Article By : Hemalatha

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

https://www.edureka.co/blog/interview-questions/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