CSS video tutorial – 2 – What is CSS ?

CSS video tutorial – 2 – What is CSS ? What is CSS? Cascading (Inheritance): Pass on (something) to successors Pour (something) downwards Cascading Style: Pass on (some styles) to a successive html tags Pour (some styles) downwards (i.e. Child tags / nodes / elements) Parent = Predecessor Child = Successor Cascading Style Sheet / Document: CSS contains collection of style rules some of them are passed on or inherited to child tags when applied to their parent tags. CSS is something like a beauty kit for our web pages or entire website. It is used to add design aesthetics, design principles to websites and create most appealing and well designed web sites. Note: HTML is a formatting language and CSS is reformatting language for web pages. HTML is a structural languag

Continue reading “CSS video tutorial – 2 – What is CSS ?”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

CSS video tutorial – 50 – CSS text decoration vs (html a tag)

CSS video tutorial – 50 – CSS text decoration vs (html a tag) CSS text-decoration property: It used to specify the line formatting of the text to be displayed Values: none | underline | line-through | overline ========================================= Follow the link for next video: CSS video tutorial – 51 – CSS class selector vs (HTML nesting tags) https://youtu.be/Wa9PUIVOJ24 Follow the link for previous video: CSS video tutorial – 49 – CSS text decoration vs (html s, del) https://youtu.be/0vhVV99-S6o ======= CSS Questions & Answers ============ 1. Which CSS property is used to remove underline from hyper links? a. text-style b. text-transform c. text-decoration d. anchor-style Answer: c =========================================

Continue reading “CSS video tutorial – 50 – CSS text decoration vs (html a tag)”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

CSS video tutorial – 56 – CSS font size property vs (HTML size attribute)

CSS video tutorial – 56 – CSS font size property vs (HTML size attribute) CSS font-size property Vs. HTML font tag size attribute: It is used to specify the size of the font to be applied Values: xx-small | x-small | smaller | small | medium | large | larger | x-large | xx-large | length | % Note:16px = 1em (px to em Ex: 10px / 16px = 0.625em) size=1 == font-size:x-small == font-size:10px == font-size:0.625em size=2 == font-size:small == font-size:13px == font-size:0.8125em size=3 == font-size:medium == font-size:16px == font-size:1.0em size=4 == font-size:large == font-size:18px == font-size:1.125em size=5 == font-size:x-large == font-size:24px == font-size:1.5em size=6 == font-size:xx-large == font-size:32px == font-size:2.0em size=7 == == font-size:48px == font-size:

Continue reading “CSS video tutorial – 56 – CSS font size property vs (HTML size attribute)”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

CSS video tutorial – 54 – CSS font size property vs (HTML big, small tag)

CSS video tutorial – 54 – CSS font size property vs (HTML big, small tag) CSS font-size property: It is used to specify the size of the font Values: xx-small | x-small | smaller | small | medium | large | larger | x-large | xx-large | length (pt, px , em, %) ======================================================== Follow the link for next video: https://youtu.be/nTgbFjyZyYc Follow the link for previous video: https://youtu.be/7QXuOJkDnVI ========= For more benefits & Be up to date =================== Subscribe to “chidres tech tutorials” channel: it’s free Visit to Chidre’s Tech Tutorials website: https:// Like the Facebook fan page: https:// ======================================================== ========== CSS Question

Continue reading “CSS video tutorial – 54 – CSS font size property vs (HTML big, small tag)”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

CSS video tutorial – 55 – CSS text align property vs HTML heading, p tag

CSS video tutorial – 55 – CSS text align property vs HTML heading, p tag CSS text-align property: It is used to align the text horizontally Values: left | center | right | justify ======================================================== Follow the link for next video: https://youtu.be/Byh4umr-Jdw Follow the link for previous video: https://youtu.be/Fcxi-fSgloU ========= For more benefits & Be up to date =================== Subscribe to “chidres tech tutorials” channel: it’s free Visit to Chidre’s Tech Tutorials website: https:// Like the Facebook fan page: https:// ======================================================== ========== CSS Questions & Answers ======================== =======================================

Continue reading “CSS video tutorial – 55 – CSS text align property vs HTML heading, p tag”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

CSS video tutorial – 22 – Attribute selector in css | Square brackets

CSS – Attribute selector ([]): Attribute selector is used to select HTML elements based on their attribute name and attribute value. Syntax of attribute selector: selector [attribute expression] { declaration list; } Where: selector is optional, it can be tag, class, id selector etc… attribute expression can be a valid combination of attribute name, value and associated operators. Ex: tag selector[attribute name=”value”] { declaration list; } It selects any HTML element targeted by the tag selector, which contains an attribute name where the attribute value exactly matches the value specified in attribute expression Ex: p[align=”right”] { border:2px solid red; } It selects any paragraph element, which contains an attribute align, where the align attribute value exactl

Continue reading “CSS video tutorial – 22 – Attribute selector in css | Square brackets”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

CSS video tutorial – 10 – CSS Cascade Vs CSS Inheritance

Cascade vs. Inheritance Cascade: deals with precedence of style rules or CSS properties (i.e. the order in which properties are applied to an html element). It solves conflict situations. Let me ask you a question: What happens when we define set of style rules for a specific tag in external, internal as well as inline styles? The answer is: “rules get’s cascade” When we define a set of style rules for a specific tag in external, internal as well as inline style, then browser creates a virtual declaration list by merging all style rules together by following rules of cascade, and then applies the merged virtual declaration list to specified tag. The rules of the cascade include: 1. Later properties (nearest) override earlier (farthest) properties 2. More specific sele

Continue reading “CSS video tutorial – 10 – CSS Cascade Vs CSS Inheritance”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

CSS video tutorial – 5 – CSS Inline Styles (style attribute)

Applying Styles: Three different ways of placing / applying styles: Inline style Embedded style External style Inline style: styles that are placed within the tag itself. we use style attribute to place inline styles. value to the style attribute is declaration list. Note: Inline styles get apply only to that specific tag in which they are declared. And If any property is inheritable in that declaration list, then that property /style will get apply/inherited to its successor tags too. Limitations of inline style: If we have many tags with common styles, then we have to copy paste the entire declaration list to every other tag. That increases the webpage size. Increase in code size. Code Redundancy. No maintainability. Time consuming. To overcome this limitation we use embed

Continue reading “CSS video tutorial – 5 – CSS Inline Styles (style attribute)”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page

CSS video tutorial – 11 – Types of selectors in CSS

Types of selectors in CSS 1. Tag selector 2. Class selector 3. ID selector 4. Group selector 5. Contextual selector a. Descendent selector b. Child selector c. Adjacent sibling selector d. General sibling selector 6. Attribute selector 7. Pseudo classes 8. Pseudo elements 9. Universal selector Why different types of selectors? To select html elements in an efficient way and provide more control over selection of html elements, CSS provides various types of selectors. Selectors allow us to locate or select html elements on the page as much as generically and as much as specifically and apply styles on them. In the upcoming few video tutorials we are going to discuss all these above types of selectors in detail. What are they? When to use them? and How to use them? I suggest you

Continue reading “CSS video tutorial – 11 – Types of selectors in CSS”

It's only fair to share...Tweet about this on TwitterShare on FacebookShare on TumblrShare on Google+Digg thisShare on LinkedInPin on PinterestShare on VKShare on RedditPrint this pageEmail this to someone
Flattr the authorShare on StumbleUponShare on YummlyBuffer this page