Skip to content

README.md

Latest commit

 

History

History
91 lines (59 loc) · 7.23 KB

README.md

File metadata and controls

91 lines (59 loc) · 7.23 KB

CSS

Purpose

This directory is for or playing with CSS.

(Aside from id and class) How to use CSS with html tags?

Directories and Files

Directories

  • CSS_Exercise/

    • A CSS exercise.
    • To be completed.

  • Box-Model/

  • Font/

    • See the Resources section in the Font directory.

  • css_styling_assessment/

  • Lipsum-PracticeWithCSSStyling/

  • MediaQueries/

  • PracticeBoxes/

  • ResponsivePageLayoutBuild/

  • Selectors/

    • See the Resources section in the Selectors directory.

  • Style/

    • See the Resources section in the Style directory.

  • Units/

    • See the Resources section in the Units directory.

  • Variables/

    • See the Resources section in the Variables directory.

Files

  • README.md - this readme file.

Comparison table:

? CSS CSS3
Compatibility Not compatible with CSS3 Is backward compatible
? CSS is the basic version, and it does not support responsive design. The main difference between CSS and CSS3 is that CSS3 has modules. CSS3, on the other hand, is the latest version and supports responsive design.
Alignment CSS does not have any box-sizing tool, and hence the user needs to use the standard procedures defined to align text. In addition to these, CSS3 has many alignment features. CSS3 provides a box-sizing tool that allows the user to get the correct size of any element without making any changes in the element’s dimensions or padding.
3D animation CSS does not provide 3D animation and transformations. The animations and 3D transformations are better in CSS3. Elements can be moved on the screen with the help of flash and JavaScript. Using this, the elements will also be able to change their size and color. All kinds of transitions, transformations, and animations can be done using CSS3.
Color CSS provides basic color schema and standard colors. CSS3 supports RGBA, HSLA, HSL and gradient colours. It also supports rounded image corners for text boxes.
Blocks CSS only supports single text blocks. Multi-column text blocks can be defined in CSS3.
List goes on... List goes on... List goes on...

Research

Associated Links