XHTML and CSS -2- Understanding Basic Semantics of Webpage

Posted on Wed 26 February 2014 in Web Development • Tagged with CSS, Overview, Tutorial, Video, xhtml

In the previous tutorial, we took a brief overview, of what we'll be going to discuss in this tutorial series and how to see the rendered XHTML coding of any webpage. You can see the previous tutorial , in this video tutorial, we'll first understand the difference between XHTML and a …


Continue reading

XHTML and CSS - 1 - Overview and Downloading Text Editor

Posted on Sun 09 February 2014 in Web Development • Tagged with CSS, Free, Tutorial, Video, xhtml

Welcome to first tutorial in the Video Tutorial Series of XHTML and CSS, you can find list of all tutorials on XHTML and CSS , and you can watch andsubscribe the channel on YouTube.

Video Tutorial on XHTML and CSS 1. Overview and Downloading Text Editor

In this tutorial, we'll get started with Web Development by understanding how to develop webpages. The …


Continue reading

Z-Index in CSS

Posted on Sun 19 January 2014 in CSS • Tagged with CSS, HTML

z-index

What is Z-Index ?

Z-Index is the property of CSS which is used to order the elements behind and in front in the form of stack. You can consider this a virtual stack where the higher value of z-index is placed infront and the lower value of z index is placed …


Continue reading

CSS Regex selector - Using Regular Expression in CSS

Posted on Wed 01 January 2014 in CSS • Tagged with CSS

Just like JQuery, CSS also offer a great way to filter out elements with selectors using Regular Expressions.

Selecting on  Attribute and value

[[att=str]]{style="font-family: 'courier new', courier;"} :- attribute value is exactly matching to str

[[att*=str] ]{style="font-family: 'courier new', courier;"}:-  attribute value contains str - value can …


Continue reading

CSS3 Animations: Getting started

Posted on Sat 21 December 2013 in CSS • Tagged with CSS

CSS animations is a great tool design website in very cool fashion without any gif images and reduced page size.
~(Keep\ in\ mind\ IE8\ and\ IE9\ are\ stone\ age\ browsers\ and\ CSS3\ animation\ won't\ work\ with\ it).~
There are two basic keyword used to generate animations using

animation

and

\@keyframes …


Continue reading

How to add custom CSS in HTML

Posted on Thu 12 December 2013 in CSS • Tagged with CSS, HTML

I have already given the introduction to CSS and advantages.Now, there are few ways to use your custom CSS in your site/blog/wordpress.

  • Using style tag with HTML elements.
  • Using Style element inside HTML page
  • Linking external CSS file in your pages
  • Importing CSS file inside another CSS …

Continue reading

CSS - Introduction and How it works

Posted on Wed 11 December 2013 in CSS • Tagged with CSS, HTML

CSS stands for Cascading Style Sheet which is used to style HTML elements.
While loading any webpage browser simply create DOM of requested web page and renders the HTML. CSS is basically a better way of managing HTML attributes

style

of any element.

To add style we simply use

Style …


Continue reading