CSS

CSS/CSS3 Video Tutorial About CSS Introduction

March 22 2018

10. CSS/CSS3 Video Tutorial About CSS Box Model in English for beginners

Nasir Bashir CSS, CSS Tutorials, Tutorials(In English) CSS English, CSS Tutorials English, english tutorials 0

Css Box Model

This video tutorial will explain how we can use css box model and all about its elements and content. We use css box model when designing web pages or their layouts. Box model contains following elements.
1. Content
2. Padding
3. Border
4. Margin
and in this css/css3 tutorial, you will learn all about these tags and their interaction with the css box model. We can also give width and height of different tags indside this model and then we can use them accordingly. For example, If we want to count the width of an element inside this box model then we should also count the padding and border for our element to get the accurate width. Same process will be applied on height as we have learnt about width of css box model.

We can make its position absolute, fixed etc and also can align it to center, left or right. These are all the advantages of css box model when developing web pages or their layouts.

For More info, tutorials and tricks about programming and pc problems, Subscribe to our social media Profiles….
WEBSITE: http://www.thenasir.com/
YouTube: https://www.youtube.com/c/FreelancerProgrammingTips/
FACEBOOK: https://www.facebook.com/thenasir786/
FB GROUP: https://www.facebook.com/groups/freelancerprogrammers118/
TWITTER: https://twitter.com/thenasir786/
GOOGLE PLUS: https://plus.google.com/u/0/+FreelancerProgrammingTips
PINTEREST: https://www.pinterest.com/thenasir786/
INSTAGRAM: https://www.instagram.com/thenasir786/
LINKEDIN: https://www.linkedin.com/in/thenasir786/
TUMBLR: https://thenasir786.tumblr.com/
RSS FEED: http://feeds.feedburner.com/thenasir786/

To download the code of this tutorial, Click the below button. And to see the file with low opacity water mark, dowload file and open with MS Word.

Share this

November 3 2017

9. CSS/CSS3 Video Tutorial About CSS width and height in English for beginners

Nasir Bashir CSS, CSS Tutorials, Tutorials(In English) CSS English, CSS Tutorials English, english tutorials 0

CSS width and height

This css video tutorial will teach you about css width and height and all about their functionality and machenism. Css width is the same as height and we can increase or decrease both css width and css height according to our requirements. If we want to make our website responsive then we can also do this thing by using the css responsive width and height property in our css/css3 styling.
To write css/css3 code, we should take care of css scale width and height and according to the scale, we can display our elements by seeing their width and height regarding to the device on which we will use our website. In fact, scale is normaly remain 1 or according to the device width.

When we load hour website, then css scale automatically load the website accordingt to the device scale and its width.
This css/css3 video tutorial will teach you about all css width and height properties and also about css responsive width properties. For this purpose, We use the max-width and max-height properties for our html tags or elements and then we can use these properties for any html tags to apply this css max-width or max-height style.

To download the code of this tutorial, Click the below button. And to see the file with low opacity water mark, dowload file and open with MS Word.

Share this

October 27 2017

8. CSS/CSS3 Video Tutorial About CSS Padding in English for beginners

Nasir Bashir CSS, CSS Tutorials, Tutorials(In English) CSS English, CSS Tutorials English, english tutorials 0

CSS Padding

In this css3 video tutorial, you will learn about css padding and all about their functionality and uses. Why we need padding? The answer is simple that when we want to give some empty space inside our div tag or table or any other tag, we just give padding to it and it will be all set.

In this css video tutorial, you will also be able to compare the properties of margins and padding and learn a lot about their functionality.

There are different ways to give padding to our html/html 5 tags but here in this css/css3 tutorial, you will learn all the methods and their properties of giving padding. We can use css padding auto to set the all of our content into the center of our page or website. padding auto generate equal space between the left side and right side of our website. Sometimes, css margin does not work, what you we should do in that case? Here I will also explain how to handle that bug. Just give position to your div or paragraph or what so ever you want to give border to. With css padding you will be able to change the default padding that appear inside various HTML elements (paragraphs, tables, etc.).

CSS Padding Understanding

The padding property allow you to specify how much space should appear between the content of an element and its border. The padding clear the area around the content of an element. With css you have full control over the padding. There are css properties for setting the padding for each side of an element (top, right, bottom, left). The padding serves as shorthand for the preceding properties.

To download the code of this tutorial, Click the below button. And to see the file with low opacity water mark, dowload file and open with MS Word.

Share this

October 16 2017

7. CSS/CSS3 Video Tutorial About CSS Margin in English for beginners

Nasir Bashir CSS, CSS Tutorials, Tutorials(In English) CSS English, CSS Tutorials English, english tutorials 0

CSS/CSS3 Margins

In this css3 video tutorial, you will learn about css margins and all about their functionality and uses. Why we need margin? The answer is simple that when we want to give some empty space around our div tag or table or any other tag, we just give margin to it and it will be all set. Moreover, in this css video tutorial, you will also be able to compare the properties of margins and padding and learn a lot about their functionality.
There are different ways to give margin to our html/html5 tags but here in this css/css3 tutorial, you will learn all the methods and their properties of giving margins.

We can use css margin auto to set the all of our content into the center of our page or website. Margin auto generate equal space between the left side and right side of our website. Sometimes, css margin does not work, what you we should do in that case? Here I will also explain how to handle that bug. Just give position to your div or paragraph or what so ever you want to give border to. And one most important thing is that sometimes margins also overlap.

It only happens when you give top margin to the bottom div and also the bottom margin of top div or paragraph. In this case, the biggest margin will be selected and less value margin will be skipped. you will also learn more about margins vs padding in these two css video tutorials.

To download the code of this tutorial, Click the below button. And to see the file with low opacity water mark, dowload file and open with MS Word.

Share this

September 13 2017

6. CSS/CSS3 Video Tutorial About CSS borders in English for beginners | Part 1 & 2

Nasir Bashir CSS, CSS Tutorials, Tutorials(In English) CSS English, CSS Tutorials English, english tutorials 0

Css borders provide you the facility to occupy data into a container for its good looking. In this css video tutorial, You will learn about all types of borders and all types of border styles as well. You will learn how to give space or about border spacing. Other things about which you will learn are border radius which have different type for example border radius bottom, border radius top etc.

This video tutorial will guide you how to create a different color border for different sides of a div or paragraph or anything else to which you want to give border. This tutorial will guide you about css and in the next tutorial, you will also learn about css3 and also difference between css and css3. In this tutorial, You will see different kinds of colors and their uses, If you want to learn more about color then visit <a href=”http://www.thenasir.com/2017/03/01/css-tutorials-urduhindi-2/”>this css color tutorial</a> for better understanding about colors.

Part 1

Part 2

To download the code of this tutorial, Click the below button. And to see the file with low opacity water mark, dowload file and open with MS Word.

Share this

April 6 2017

5. CSS/CSS3 Video Tutorial About CSS background in English for beginners | Part 1 & 2

Nasir Bashir CSS, CSS Tutorials, Tutorials(In English) CSS English, CSS Tutorials English, english tutorials 0

Css is very important to design a website or a webpage. CSS background are very important for a professional websites. This is the complete video tutorial about css background. This tutorial will describe how to set css background image and colors by using the css background property. We can also set background size, position, css background pattern, animated background and other necessary things which are required to create a website.

We should first create a website with such a look that it should match our background image or color or our website or webpage. Some of necessary thing which you should keep in mind is that, always use low size images as a background so that it can load in a fast way and do not affect your website loading speed. This tutorial is for beginners as well as for advanced developer to learn about css backgrounds.

Part 1

Part 2

To download the code of this tutorial, Click the below button.

Share this

March 1 2017

4. CSS/CSS3 Video Tutorial About CSS Colors in English for beginners

Nasir Bashir CSS, CSS Tutorials, Tutorials(In English) CSS English, CSS Tutorials English, english tutorials 0

CSS/CSS3 colors make the websites more attractive and good looking. This css/css3 video tutorial will teach you that how you can use the colors in your website and make your website more attractive. This tutorial is for biggeners and you will see all kind of methods to use the css colors in your website design. There are three ways to use css/css3 colors in your website which are by using color names, RGB values and hexadecimal values. You can use any type of color by inserting these three methods in css. To design a website, You should also know about color schemes for your webpages. All the pages in a website should have almost same color scheme so that it can looks professional.

To download the code of this tutorial, Click the below button.

Share this

March 1 2017

3. CSS/CSS3 Video Tutorial About CSS Insertion in English for beginners | Part 1 & 2

Nasir Bashir CSS, CSS Tutorials, Tutorials(In English) CSS English, CSS Tutorials English, english tutorials 0

CSS/CSS3 is the necessary part to design a web page in an awesome way. So in this video tutorial, You will learn css/css3 insertion methods to design your web pages. Moreover you will be able to design your html page by using three methods of css which are external style sheet, enternal style sheet and inline styling. THe best way to use the css is to use the external style sheet. all the style sheets have preference to take effect in your html page design for example, the inline styling have more effect than internal or external styling. This tutorial is not only for beginners but also for the experts.

Part 1

Part 2

To download the code of this tutorial, Click the below button.

Share this

February 28 2017

2. CSS/CSS3 Video Tutorial About CSS Syntax in English for beginners | Part 1 & 2

Nasir Bashir CSS, CSS Tutorials, Tutorials(In English) CSS English, CSS Tutorials English, english tutorials 0

CSS is the basic language for styling the web pages. CSS/CSS3 is the perfect way to style the web pages. Many css styles can be used for different HTML elements to style them in a good looking and well way. In this video tutorial, you will learn about the syntax of css. The syntax of css contain 2 simple things, first one is the selecter which is the one of html elements and sencod thing is the declation which also contain 2 things as well. The first one in declaration is the property and the second one is the value for the property. So, these two things make css styling.

Part 1

Part 2

To download the code of this tutorial, Click the below button.

Share this

February 15 2017

1. CSS/CSS3 Video Tutorial About CSS Introduction in English for beginners

Nasir Bashir CSS, CSS Tutorials, Tutorials(In English) CSS English, CSS Tutorials English, english tutorials 0

This video tutorial will teach you that CSS is a language that describes the style of an HTML document.CSS describes how HTML elements should be displayed. This tutorial will teach you CSS from basic to advanced. It is just introduction of css and you will learn more in depth about css in the next css/css3 tutorials series. In this video tutorial, YOu will be able to understand basics of css and its uses in your web documents.

For More info, tutorials and tricks about programming and pc problems, Subscribe to our social media Profiles….
WEBSITE: http://www.thenasir.com/
FACEBOOK: https://www.facebook.com/thenasir786/
FB GROUP: https://www.facebook.com/groups/freelancerprogrammers118/
TWITTER: https://twitter.com/thenasir786/
GOOGLE PLUS: https://plus.google.com/u/0/109039117429683586886/
PINTEREST: https://www.pinterest.com/thenasir786/
INSTAGRAM: https://www.instagram.com/thenasir786/
LINKEDIN: https://www.linkedin.com/in/thenasir786/
TUMBLR: https://thenasir786.tumblr.com/
RSS FEED: http://feeds.feedburner.com/thenasir786/

To download the code of this tutorial, Click the below button.

Share this