CSS Tutorials
CSS stands for Cascading Style Sheets. What does Cascading mean? It means that we can apply a series of styles "on top" of existing styles. You can apply a specific style to an element of your web page (a div, table, paragraph of text, etc). When you apply a second style to the same element, both CSS styles are applied to that element, or "stacked up" on top of each other. In other words, the newly applied CSS style does not replace (or override) the previous style, but rather adds more styling properties to it. That's what the word cascading means in this context.
We now know that using cascading style sheets is simply a process which allows us to modify the style of our HTML web pages. We add styles on top of others, in a progression, to "design" the style of our page.
We might want to change the color of text inside a div element now. And later we might want to apply a second style to that element which would change its size (because we decided that this part of our website could use a bigger font, but only at a later time during the design process).
So, what kind of things can you do by using CSS?
CSS is used to apply a style to the elements of your web page. What kind of things can you do with CSS? You can change the color of text, change colors or size of table borders, set the width or height of a div block, and many other things. You can also change the background color of any HTML element, hide or display an element, or disable its visibility without preventing that element from occupying a specific placement (the element would still occupy an area and modify how other elements "react" to it, but it simply would not be visible and there would be a blank spot taking up the area of that element's dimensions.
How is CSS code included in an HTML web page?
CSS can be defined internally and directly inside of your web page within HTML code using the STYLE tag. CSS can also be included externally and stored in a separate file, aside from your HTML code. In your HTML web page you would then "include" that file at the top of the page. The latter is the recommended choice of including CSS in your HTML web page because browsers will cache it and make your site load faster for repeat visitors.
And now, let's learn more about CSS
CSS allows you to control pretty much every single element of your web page as far as the style, layout and colors go. There are so many things you can do with CSS, so I created a list of CSS properties that are frequently used by website designers.
- CSS Advantages
- CSS Syntax
- Implementing CSS
- CSS Class
- CSS ID
- CSS Font
- CSS Text
- CSS Background Code
- CSS Border
- CSS Margin
- CSS Padding
- CSS Lists
- CSS Height & Width
- CSS Positioning
- CSS Float
- CSS Layers
- CSS Codes
- CSS Align
- CSS bgcolor
- CSS Cellpadding
- CSS Cellspacing
- CSS Floating Menu
- CSS Hyperlinks
- CSS Leading
Learn about the three main ways in which you can include CSS in your HTML web page. Each has its own advantages and disadvantages, although external style sheets are highly preferred and are used by most professional HTML page designers.
- CSS Scrollbars
- CSS Table Width
- CSS Print Version
- CSS Table-layout
- CSS Examples
- CSS Table-layout Example
- CSS Reference
- CSS Properties
- CSS Color Codes
- CSS Template
- CSS Media Types
Alternate stylesheets are used for dynamically changing the style of your entire web page without having to refresh the page in the browser.
Thanks for visiting websitehomework.com - an website containing html tutorials covering topics such as how to make websites from scratch, css, javascript and other website-related subjects.