Correct Design Issues With Css - Supercoders | Web Development and Design | Tutorial for Java, PHP, HTML, Javascript Correct Design Issues With Css - Supercoders | Web Development and Design | Tutorial for Java, PHP, HTML, Javascript

Breaking

Post Top Ad

Post Top Ad

Tuesday, December 11, 2018

Correct Design Issues With Css

Correct Design Issues With Css



WHAT IS CSS AND TYPES OF CSS?

Cascading Style Sheet(CSS) is used to set the style in web pages which contain HTML elements. It sets the background color, font-size, font-family, color, … etc property of elements in a web pages.

There are three types of CSS which are given below:
  • Inline CSS
  • Internal or Embedded CSS
  • External CSS

STEPS TO ACCESS CSS STYLE FILES AND CHANGE DESIGN VARIABLES

Step #1:

open style.css file.

Step #2:

Using CTRL F, bring up dialogue box.

Step #3:

Search for an element you wish to modify(i.e. menus, sidebars, etc.).

Step #4:

Change the variables inside the {} to manipulate design.


COMMON DESIGN VARIABLES WITHIN CSS

1. BACKGROUND COLOR.
2. FONT DECORATION.
3. BORDER ELEMENTS.
4. IMAGE HEIGHT/WIDTH.
5. SHADING.
6. DISPLAY STYLE(BLOCK, JUSTIFIED, HEADERS, ETC.).
7. MARGINS.
8. HOVER RESPONSE.
9. CLICK ACTION.

No comments:

Post a Comment

Post Top Ad