Keyword

What does CSS stand for?

Which is the correct CSS syntax?

How do you insert a comment in a CSS file?

Which CSS property is used to change the text color of an element?

Which CSS property controls the text size?

What is the correct CSS syntax for making all the <p> elements bold?

Which of the following is correct about Short Hex Code format of CSS colors?

Which of the following is a true about CSS style overriding?

Which of the following is validation css class in AngularJS

What is the "Box Model" in CSS? Which CSS properties are a part of it?

Answer:

The CSS box model is fundamental to understanding layout and sizing and such. It's made up of:

• Width and height (or in the absence of that, default values and the content inside)
• Padding
• Border

Margin is related but not technically a part of it. I would give extra points for knowing/mentioning that, but not take away and points for including it.

What are Sass, LESS, and Stylus? Why to use them? Is there any relationship between Compass and Sass?

Answer:

They are CSS preprocessors. They are an abstraction layer on top of CSS. They are a special syntax/language that compile down into CSS. They make managing CSS easier, with things like variables and mixins to handle vendor prefixes (among other things). They make doing best practices easier, like concatenating and compressing CSS.

Bonus points for knowing how they differ and/or having experience using them. More bonus points for knowing what things like Compass, Bourbon, LESSHat, Nib, etc are and how they relate.

Describe what a “reset” CSS file does and how it’s useful. Are you familiar with normalize.css? Do you understand how they differ?

Answer:

A CSS Reset (or “Reset CSS”) is a short, often compressed (minified) set of CSS rules that resets the styling of all HTML elements to a consistent baseline. We should use reset css because every browser has its own default 'user agent' stylesheet, that it uses to make unstyled websites appear more legible.

Normalize you might call a CSS reset alternative. Instead of wiping out all styles, it delivers a set of reasonable defaults. It doesn't unset things that are already consistent across browsers and reasonable (e.g. bold headers). In that way it does some less than a reset. It also does some more than a reset in that it handles quirks you may never consider, like HTML5 audio element inconsistencies or line-height inconsistencies when you use sub and sup elements.

Explain what a class selector is and how it’s used

Answer:

• A class can be thought of as a grouped collection of CSS attributes applied to HTML elements. This allows you to apply the same styling to multiple HTML elements by placing them in the same CSS class.
• Class methods can be called by inserting a ‘class’ property and name within an HTML element, then calling the class name with a ‘.’  in the CSS doc.

Explain the three main ways to apply CSS styles to a Web page

Answer:

• Inline: Though this method often goes against best practices, it’s easily done by inserting a ‘style’ attribute inside an HTML element:
  • e.g.) <p style=”color:blue”>Lorem Ipsum</p>
• Embedded/Internal: Done by defining the head of an HTML document by wrapping characteristics in a <style> tag.
• Linked/External: CSS is placed in an external .css file, and linked to the HTML document with a <link> tag. This can also be accomplished using the ‘@import’, however, this can slow page load time and is generally not advised.

What are Directives?

Answer:

Directives are markers on a DOM element (such as an attribute, element name, comment or CSS class) that tell AngularJS’s HTML compiler ($compile) to attach a specified behavior to that DOM element (e.g. via event listeners), or even to transform the DOM element and its children. Angular comes with a set of these directives built-in, like ngBind, ngModel, and ngClass. Much like you create controllers and services, you can create your own directives for Angular to use. When Angular bootstraps your application, the HTML compiler traverses the DOM matching directives against the DOM elements.

This question is important because directives define the UI while defining a single page app. You need to be very clear about how to create a new custom directive or use the existing ones already pre-build in AngularJS.

Source: https://docs.angularjs.org/guide/directive

Explain what is directive and Mention what are the different types of Directive?

Answer:

During compilation process when specific HTML constructs are encountered a behaviour or function is triggered, this function is referred as directive.  It is executed when the compiler encounters it in the DOM.

Different types of directives are

• Element directives
• Attribute directives
• CSS class directives
• Comment directives

Mention what are the styling form that ngModel adds to CSS classes ?

Answer:

ngModel adds these CSS classes to allow styling of form as well as control

• ng- valid
• ng- invalid
• ng-pristine
• ng-dirty

What is XSL?

Answer:

XSL is a language used with XML for expressing style sheets as like CSS. It describes how to display an XML document for a given type.

In CSS,Select the property used to set the spacing in between lines of text?

In CSS, choose the correct option to select this image by its id?

<img id=”mainpic” src=”cat.png”>