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

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

CSS video tutorial – 65 – CSS list style type property vs HTML ul tag

CSS list-style-type property: It is used to specify the bullet symbol to be displayed in front of list items of html ol or html ul. Values: decimal | decimal-leading-zero | upper-alpha | lower-alpha | upper-roman | lower-roman | none | disc | circle | square etc. ======================================================== Follow the link for next video: https://youtu.be/sTsbQO1aAXo Follow the link for previous video: https://youtu.be/ABbNOJlaFBE ========= 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: ========== CSS Questions & Answers ======================== 1. Wh

Continue reading “CSS video tutorial – 65 – CSS list style type property vs HTML ul 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 – 7 – CSS External Style Sheet (link tag)

External Style Sheet: External Style Sheet is basically a .CSS file containing list of declaration blocks. This .CSS file is linked to various web pages to apply common styles. To link html and css files together we use link tag. attributes: href: href stands for Hyperlink reference type: indicates the content in the reference file. rel: rel indicates relationship, is style-sheet Note: link tag should be placed within the head tag. Advantage: We can implement consistency throughout the website. Reduces code redundancy. Reduces website size. Limitations: If we make any changes in the CSS file, then every other linked html page will get affected. So, we need to handle it carefully. ======================================================== Follow the link for next video: htt

Continue reading “CSS video tutorial – 7 – CSS External Style Sheet (link 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 – 52 – CSS content property vs (HTML q tag)

CSS content property: It is used to generate content dynamically at run time. Values: “string” | open-quote | close-quote | url(“filepath”) | none ======================================================== Follow the link for next video: https://youtu.be/7QXuOJkDnVI Follow the link for previous video: https://youtu.be/Wa9PUIVOJ24 ========= 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: ========== CSS Questions & Answers ======================== ========================================================

Continue reading “CSS video tutorial – 52 – CSS content property vs (HTML q 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 vido tutorial – 12 – CSS tag selector (tag name)

CSS tag selector demo: Tag selector: To select tags by their name and apply styles on them we use tag selector. Syntax of CSS rule-set / rule: selector { declaration list; } To implement tag selector, In place of selector, we write tag name. Syntax of tag selector: tagname { declaration list; } It selects every html tag with the specified tag name and applies styles on them. Example for tag selector: p { color: green; font-size:16pt; border: 2px solid red; } It selects every p tag available on the page and applies specified styles on them. ======================================================== Follow the link for next video: https://youtu.be/-cInuzwxg5I Follow the link for previous video: https://youtu.be/WwTIrUrnFPA ========= For more benefits & Be up to date ===============

Continue reading “CSS vido tutorial – 12 – CSS tag selector (tag name)”

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

My Top 3 Favorite Shopping Apps

I just found out about DoteShopping and I love it so I wanted to share this with you along with two of my other favorites! More information about DoteShopping: – This app has over 100 stores to shop from. – You only have to enter your payment information one time to buy across all of these stores. – If you favorite something, you’ll get notified if it goes on sale. Personal Instagram: @libertyweaver Makeup Instagram: @makeupbyliberty Facebook: https:// Twitter: Blog: Tumblr: Be sure to subscribe for more reviews, tutorials, and occasional giveaways! https://

Continue reading “My Top 3 Favorite Shopping Apps”

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

ProtonVPN FULL Review 2017! The NEW VPN?

ProtonVPN is a brand new VPN on the market. Is it the best VPN, let’s find out in this full, video review of the service? How does it actually stack up against other services? In this ProtonVPN video review, I, Techlore, test ProtonVPN’s speed, security, reliability, settings, customization, and usability as a whole. Complete full review, guide, and setup of the VPN. Signup for ProtonVPN: https://protonvpn.com/ ProtonVPN is one of very many VPN companies out there claiming to be the best. I test out it’s security and setup with multiple DNS tests, an IP Address test, log policy, and encryption. I test it’s speed using Ookla’s speed test and torrenting (downloading) a file and then I test the usability and stability of the VPN on Windows 10, OS X Sierra, Ubuntu Linux, Android Nutella, an

Continue reading “ProtonVPN FULL Review 2017! The NEW VPN?”

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