css                                          CSS (Cascading Style Sheet)

CSS is known as Cascading Style Sheet. It is used for improving html page layouts, designs and make it fit according to different screen sizes, i.e. to make it responsive. By default, html page is not responsive, means the alignment of content gets disturbed if we decrease the screen size. Cascading Style sheets plays an important role in making html web pages responsive. Let’s see how this makes the difference.

First css code

That’s how html page looks on browser’s full screen when we inserted an image. Now let’s see what happens if we change the screen size, what happens to our image.

no effect of css on image

Note the difference, image did not respond to the screen of the browser. This was the main problem with html. As the technology evolved, so as the sizes of the screens get evolved. But html was limited to same screen size according to which it had been coded. This problem was overcame with the creation of css. Let’s see how it solved the problem.

css effect code

We use <style> tag for adding cascading effects. We declared the type of style by “text/css”, it shows that we are now applying cascading effects on our page. It will not make any difference when we see the image on full screen. But let’s see what happens when we shrink our screen size.

css after effect

See, after minimizing the browser screen, how the content on page along with image adjusts itself according to screen size. This is the beauty of cascading effects on html pages. Css solved the big problem of editing a website in a simple step as compared to the tiring job of earlier. Let’s see one more example of cascading style sheet.

background color code

We have changed the background color by adding the color in the body. Let’s see how it changes the background.

background color on webpage

There are many more things that we can do with css. Cascading style sheet effects can be used in three ways i.e. inline, Outline and external. Inline is when we used it inside the body under the tags of the codes. Outline is when we used it outside the body under <head> tag. And external is when we make a different file to make changes in html pages from that file. We can later on link that file with our main html page with a single code. We will learn about this in further posts.

This was the introduction of Cascading Style Sheets along with
css meaning. Hope you get a basic idea about cascading style sheets. If you have not visited our article on html introduction, you can refer introduction of HTML.

If you want to learn Css from beginning to advance level, you can refer to this website w3schools.

Till then Thank you. 🙂


31 Comments

Barrett Kello · June 10, 2019 at 8:19 am

Hey webmaster, I thought you might be interested in this. http://tiny.cc/gkc17y

Free Stuff · June 14, 2019 at 10:34 pm

Of course, what a magnificent site and instructive posts, I definitely will bookmark your website.All the Best!

    admin · August 2, 2019 at 11:54 am

    Thank you 🙂

GuQinQu · July 6, 2019 at 12:15 am

Whats up this is somewhat of off topic but I was wondering if blogs use WYSIWYG editors or if you have to manually code with HTML. I’m starting a blog soon but have no coding know-how so I wanted to get guidance from someone with experience. Any help would be enormously appreciated!

    admin · August 2, 2019 at 11:53 am

    Sure I can help you if you want. You don’t need any information of coding for starting a blog.

Freebies · July 17, 2019 at 7:34 am

As a Newbie, I am always exploring online for articles that can aid me. Thank you

Eugena Bienvenue · July 19, 2019 at 1:57 am

Loan Money To You – You Will Be Able To Move Your Business Forward

Kabbage is a top nationwide lender and convenient resource for business loans.

Kabbage offer the flexibility to create small business loans with terms that meet your specific needs as a borrower.

Kabbage’s high approval rates mean that Kabbage can say ‘yes’ when other lenders say no.

There is no obligation to get started, and no need for collateral or a down payment.

Receive a quick decision and get funding in as little as 10 minutes.

Apply now: https://www.perfectmedialab.com/getloan

Thank you,
Eugena Bienvenue

*Unsubscribe * : reply “no email”

Hairstyles Cool · August 8, 2019 at 12:36 am

Appreciate you for sharing these kinds of wonderful threads. In addition, the ideal travel and also medical insurance strategy can often eliminate those worries that come with journeying abroad. Any medical crisis can soon become too expensive and that’s likely to quickly set a financial stress on the family finances. Having in place the perfect travel insurance package deal prior to setting off is definitely worth the time and effort. Thank you

more info here · August 15, 2019 at 5:30 am

I simply want to mention I am just new to blogging and site-building and definitely loved you’re blog site. Most likely I’m planning to bookmark your site . You absolutely come with exceptional articles and reviews. Thank you for revealing your blog.

바카라사이트 · August 16, 2019 at 3:23 pm

And because one of the keys to getting more comments is to make it easy for your readers to comment, we need to do something to make this easier.
You can do this by linking to your comment form at the end of your post, a good example of this in action is what Noah Kagan does on his blog;

슬롯머신 · August 16, 2019 at 3:36 pm

In the screenshot above, Noah links to his comment form twice, when you click on one of these links you will immediately be taken to the comment form.
When someone is given too many options, they will take the easiest option; no action.

카지노사이트 · August 16, 2019 at 3:43 pm

If you aren’t getting many comments on your blog yet, avoid drawing attention to your comment counts.
If you aren’t getting many comments (yet) or you are getting the wrong sort of people commenting on your blog, it’s worth taking a look at who you are really trying to reach.

read this article · August 18, 2019 at 8:05 am

I just want to say I am just newbie to blogs and absolutely enjoyed you’re web-site. Likely I’m want to bookmark your blog post . You really have outstanding articles. Thanks a bunch for sharing with us your web-site.

John Deere Service Manuals · August 20, 2019 at 4:48 pm

You produced some decent points there. I looked on the web for that problem and discovered most people will go in addition to using your internet site.

my past life · August 22, 2019 at 7:33 pm

This seems like the other page here I was seeing earlier

Zane Osuch · August 23, 2019 at 12:22 am

Hello, There’s no doubt that your blog could be having internet browser compatibility issues. When I take a look at your site in Safari, it looks fine however, if opening in Internet Explorer, it’s got some overlapping issues. I merely wanted to provide you with a quick heads up! Apart from that, excellent site.

BlockChainAndy · August 25, 2019 at 8:52 pm

May I just say what a comfort to discover someone who truly knows what they’re discussing on the web. You definitely know how to bring an issue to light and make it important. More and more people ought to read this and understand this side of your story. It’s surprising you aren’t more popular because you certainly possess the gift.

skylinetix · August 27, 2019 at 12:37 am

I wanted to thank you for this fantastic read!! I absolutely enjoyed every little bit of it. I have you book-marked to look at new stuff you post…

wricefinancial · August 29, 2019 at 11:03 am

Howdy! This blog post could not be written any better! Looking through this article reminds me of my previous roommate! He constantly kept talking about this. I’ll forward this article to him. Pretty sure he’s going to have a very good read. Many thanks for sharing!

CarTransportService · August 30, 2019 at 12:12 am

Way cool! Some extremely valid points! I appreciate you writing this post and also the rest of the site is really good.

Free Samples · August 30, 2019 at 4:36 am

Crave Freebies is updated everyday with new Free stuff, Free samples, Special offers, Coupons and US freebies. http://www.cravefreebies.com We update our website daily with new US freebies.

LesMeridien · August 31, 2019 at 7:20 am

Oh my goodness! Impressive article dude! Thanks, However I am experiencing difficulties with your RSS. I don’t know why I am unable to join it. Is there anybody else having identical RSS issues? Anyone that knows the solution can you kindly respond? Thanx!

oflewskii · August 31, 2019 at 10:27 pm

You should be a part of a contest for one of the greatest blogs online. I am going to highly recommend this web site!

kamagra jelly · September 1, 2019 at 7:58 pm

Hello very nice web site!! Guy .. Beautiful .. Wonderful .. I ll bookmark your website and take the feeds also? I m happy to search out so many useful information here in the publish, we want develop more strategies on this regard, thanks for sharing. . . . . .

online pharmacy canada · September 3, 2019 at 2:42 pm

Hi! Do you know if they make any plugins to help with Search Engine Optimization? I’m trying to get my blog to rank for some targeted keywords but I’m not seeing very good gains. If you know of any please share. Appreciate it!

Hairstyles · September 3, 2019 at 7:23 pm

I appreciate, cause I found exactly what I was looking for. You have ended my 4 day long hunt! God Bless you man. Have a nice day. Bye

Free Stuff · September 5, 2019 at 1:37 am

This actually answered my downside, thank you!

viagra 100mg generic viagra · September 5, 2019 at 11:12 pm

I’m still learning from you, but I’m improving myself. I certainly enjoy reading everything that is written on your site.Keep the tips coming. I enjoyed it!

Hairstyles · September 6, 2019 at 2:39 am

There are definitely a lot of details like that to take into consideration. That may be a great level to bring up. I offer the ideas above as general inspiration but clearly there are questions like the one you convey up the place an important thing will likely be working in honest good faith. I don?t know if best practices have emerged around things like that, however I am sure that your job is clearly recognized as a good game. Each girls and boys really feel the affect of only a moment抯 pleasure, for the rest of their lives.

fila · September 21, 2019 at 8:42 am

I precisely needed to thank you very much once again. I do not know the things that I would have worked on without these basics shared by you concerning my problem. This has been a real challenging scenario for me, nevertheless coming across a specialised manner you handled it forced me to cry with gladness. I am happy for your work and then sincerely hope you recognize what a great job you are doing training men and women through your blog post. I know that you’ve never got to know all of us.

Marylee Stromquist · September 24, 2019 at 4:25 am

Excellent article! We will be linking to this great article on our site. Keep up the great writing.

Leave a Reply

Your email address will not be published. Required fields are marked *