Could you think of yourself using a computer with all that green and white screen again? Remember the DOS Based programs we all used up before? Which is fine but I don't want to go back since I know how easy internet browsing is nowadays.
It was the year 1990 the time when the web was first presented to the public. We should admit it had been not that vibrant during the infant era of the electronic period. Well, it had been visibly starting as well as people worked hard to research, improve and innovate. It had been then when first web-site was ever created and the site was dedicated to educate the people how to use the internet, how they can have a website of their own, as well as how to make it work.
At first, all which matters to individuals is the basic info. They wanted nothing else but simple words posted on a single page website. That?s what we are used to a couple of decades prior to the birth of the electronic age. We can?t blame ourselves for that, we were learning then.
Now, everything is as vibrant as real online. The whole world is connected in less than a minute. Each and everything works in a single click. But, have you ever wondered how all these work out well? How things function so fast it made our lives easier? Let us learn about one factor which makes the virtual world good as real.
Oh yes, I understand that several people doesn?t want to go far too technical but let us learn CSS, or the thing they call Cascading Style Sheets. It had been invented and released the year 1997, it is utilized to add style command to almost each and everything we all see on a website it allows you to separate your website files from its style.
Now, let us go deeper. Its a system coordinated to Hypertext Markup Language or even the famous HTML (HTML is a term used by computer programmers, it gives birth to the we know as web-site. Its a set of codes as well as symbols integrated to a file that makes it visible after your device is connected to the internet which gives way for an individual to be connected in the World Wide Web even called as WWW.) with the help of a command which puts color on a text from being plain or black, without this function, all we have is just a simple black and white screen which we all better look on something printed on a piece of paper other than just waste electricity.
There are several types of CSS based on the website's specification. Let us name three of them. The External Style, its first created on a separate document before its added to a different style in order to add command. Inline Style which is a micro-individualized functional style that the command only affects specific item in a line. Lastly, the Embedded Style, its created as well as added upfront to the file to immediately show the command effect on a finished file. Program savvy normally suggest that you start learning the external style before everything else as this one is most commonly used due its wholesome effects as well as basic form.
Amongst all styles, External Style is widely used by Programmers. It is Programmer-friendly because it is simpler to use, very flexible, less bandwidth and even file size. Whichever you use, all styles would cascade to a pseudo style sheet beginning with inline (which is the HTML element), internal (which is inside the head tag), and external.
Let us learn CSS syntax this time. It consists of three parts, namely the Inheritance, Combining Selectors, as well as Comment. Inheritance happens when a nested factor influences other components, thus, giving a cloned standard for all items. Combining Selector is while a Programmer combines multiple elements in one selector. Lastly, Comment Tags are used to explain the reason for adding such selector in your CSS file.
Next is the CSS class. This item allows you to command styles within the same HTML component. CSS class allows variety in a single clause that can be used multiple times. Even while CSS ID is similar with the classes, its only good for single use. From the styles, all actions will be cascaded to CSS divisions, spans, margin, padding, text and front properties, pseudo classes, anchors and even links, background, borders and even lists, width-height properties, classification and positioning, ending it all up to pseudo components.
|