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

CSS video tutorial – 14 – CSS id selector (hash)

CSS id selector demo: To select tags by their “id attribute value” and apply styles on them we use id selector. Syntax of CSS rule-set / rule: selector { declaration list; } To implement id selector, In place of selector, we write id attribute value preceded by hash(#) symbol. In CSS # symbol indicates ID selector. Syntax of id selector: tagname id=”idattributevalue” #idattributevalue { declaration list; } It selects every html tag which has specified id attribute value and applies styles on them. Example for id selector: h1 id=”solidborder” # solidborder { border: 2px solid red; } It selects every html tag available on the page with a specified id attribute value and applies specified styles on them. You should not specify same id attribute value to more than one tag.

Continue reading “CSS video tutorial – 14 – CSS id selector (hash)”

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 – 13 – CSS class selector (dot)

CSS class selector demo: Class selector: To select tags by their “class attribute value” and apply styles on them we use class selector. Syntax of CSS rule-set / rule: selector { declaration list; } To implement class selector, In place of selector, we write class attribute value preceded by period(dot). Syntax of class selector: tagname class=”classattributevalue” .classattributevalue { declaration list; } It selects every html tag which has specified class attribute value and applies styles on them. Example for class selector: p class=”solidborder” . solidborder { border: 2px solid red; } It selects every html tag available on the page with a specified class attribute value and applies specified styles on them. You can specify same class attribute value to more than

Continue reading “CSS video tutorial – 13 – CSS class selector (dot)”

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

HTML video tutorial – 88 – layout design using table vs div tag – Part 1

web page layout design using table tag vs div tag – Part 1: ======================================================== Follow the link for next video: https://youtu.be/uiD7PaTAwiA Follow the link for previous video: https://youtu.be/OUXjbr04X4U ========= For more benefits & Be up to date =================== Subscribe to the channel: https:// Like the Facebook fan page: https:// Visit to Chidre’s Tech Tutorials website: ========== HTML Questions & Answers ====================== ========================================================

Continue reading “HTML video tutorial – 88 – layout design using table vs div tag – Part 1”

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

HTML video tutorial – 43 – html a tag vs file formats

How anchor tag behaves with various types of file formats in html? ======================================================== Follow the link for next video: https://youtu.be/XGmPSB2TscY Follow the link for previous video: https://youtu.be/0YPjkVAxzgk ========= For more benefits & Be up to date =================== Subscribe to the channel: https:// Like the Facebook fan page: https:// Visit to Chidre’s Tech Tutorials website: ========== HTML Questions & Answers ====================== ========================================================

Continue reading “HTML video tutorial – 43 – html a tag vs file formats”

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

HTML video tutorial – 93 – layout design using table vs div tag – Part 6

Web page layout design using table tag vs div tag – Part 6 ======================================================== Follow the link for next video: https://youtu.be/M5vXLyxC_Y0 Follow the link for previous video: https://youtu.be/XmKz6NWKArs ========= For more benefits & Be up to date =================== Subscribe to the channel: https:// Like the Facebook fan page: https:// Visit to Chidre’s Tech Tutorials website: ========== HTML Questions & Answers ====================== ========================================================

Continue reading “HTML video tutorial – 93 – layout design using table vs div tag – Part 6”

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

HTML video tutorial – 89 – layout design using table vs div tag -Part 2

web page layout design using table tag vs div tag – Part 2 ======================================================== Follow the link for next video: https://youtu.be/7w047W61bso Follow the link for previous video: https://youtu.be/BcEEMDCc_SM ========= For more benefits & Be up to date =================== Subscribe to the channel: https:// Like the Facebook fan page: https:// Visit to Chidre’s Tech Tutorials website: ========== HTML Questions & Answers ====================== ========================================================

Continue reading “HTML video tutorial – 89 – layout design using table vs div tag -Part 2”

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

HTML video tutorial – 41 – html embedding video

html – embedding video: html embed tag: embed tag is a paired tag attributes: src=”video file address” width=”value in pixel or %” height=”value in pixel or %” autostart ======================================================== Follow the link for next video: https://youtu.be/0YPjkVAxzgk Follow the link for previous video: https://youtu.be/PiAQYVsNCeE ========= For more benefits & Be up to date =================== Subscribe to the channel: https:// Like the Facebook fan page: https:// Visit to Chidre’s Tech Tutorials website: ========== HTML Questions & Answers ====================== ========================================================

Continue reading “HTML video tutorial – 41 – html embedding video”

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 – 6 – CSS Embedded Styles (style tag)

Embedded Style: Styles that are placed within the style tag are called embedded styles. We use style tag to place embedded styles. Declaration block: is used to group declarations separated by semicolon in one block, so that more than one styles can applied on a selected element or more than one selected elements. { color:white; // declaration of style rule 1 background-color:black; // declaration of style rule 2 font-size:24pt; // declaration of style rule 3 } Selector: is a string used to select an element or more than one elements to which we want to apply group of style rules. selector { color:whte; background-color:black; font-size:24pt; } p { color:whte; background-color:black; font-size:24pt; } Types of selectors: tag selector, class selector, id selector, and context

Continue reading “CSS video tutorial – 6 – CSS Embedded Styles (style 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

HTML video tutorial – 52 – html textarea tag

HTML – textarea tag: How to create text area in html? How to create multi line input box in html? When to create text area in html? HTML textarea tag: is a paired tag attributes: rows cols wrap ======================================================== Follow the link for next video: https://youtu.be/GMXCjDrjz2A Follow the link for previous video: https://youtu.be/70J7RvN_aYY ========= For more benefits & Be up to date =================== Subscribe to the channel: https:// Like the Facebook fan page: https:// Visit to Chidre’s Tech Tutorials website: ========== HTML Questions & Answers ====================== 1. HTML textarea tag is an unpaired tag? a. yes b. no Answer: b ==========

Continue reading “HTML video tutorial – 52 – html textarea 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