Web Design with Client Side Scripting [MOD3] Flashcards
Review
It is the style sheet language used for describing the presentation of a document written in a markup language in HTML.
CSS (Cascading Style Sheets)
What are the types of CSS Styles
External, Internal and Inline Stylesheet
It is an algorithm that defines how the combine property values originating from different sources.
Cascading Order
These are patterns used to select the element(s) you want to style.
CSS Selectors
They are used in stylesheet dictates how a certain aspect of the selector will be changed visually.
CSS Properties
What are the types of CSS values.
Numeric, Percentage, Colors and Function Values
This holds the theme of the website, and there are a vast amount of possibilities when designing a website background.
Background in Web
This sets all the background properties in one declaration.
Background
This sets the background color of an element.
Background-Color
This sets the background image for an element
Background-Image
This sets how a background will be repeated
Background-Repeat
This specify the size of a background image with “auto” and in pixels.
Background-Size
This sets the starting position of a background image.
Background-Position
It is an art and technique of arranging type of make written language legible, readable, and appealing when displayed.
Typography
It used to guide the reader’s eye to whatever is most important.
Hierarchy
It is the space between lines of text, also known as line spacing.
Leading
It is the overall space between characters, sometimes called character spacing.
Tracking
It is the space between specific characters. Unlike tracking, it varies over the course of the word.
Kerning
It pertains to the style of lettering used in various media such as print and web.
Font
What are the factors that affect fonts?
Font Size, Font-Style, Font-Color, Text-Alignment, Text-Margins and Text Spacing
This is a group of similar typefaces.
Font Family
It is a set of rules that defines how every elements in a web page is rendered.
Box Model
What are the structure of box model?
Width, Height, Padding, Border and Margin
This simply the width of an element, the amount of space an element takes from left to right.
Width
It is also the size of an element, but in the vertical direction.
Height
It is the space between your content and border which plays important roles in the visual design of elements.
Padding
It lets us put a border around our main content which can specified in terms of the style, width and color.
Border
It is very important in terms of creating a page layout, positioning element and creating whitespace between elements.
Margin
It is the most important aspect of a website is its page’s layout as it decides the overall visual appeal as perceived by the viewers.
Website Layout
What are the common page layout techniques
Static, Liquid, Adaptive and Responsive
It uses a preset page size and does not change based on the browser width.
Static Layout
It uses relative units instead of fixed units.
Liquid Layout
It uses CSS media queries to detect the width of the browser and alter the layout accordingly.
Adaptive Layout
It uses both relative units and media queries, ostensibly combining the ideas of a liquid layout and an adaptive layout.
Responsive Layout
It is an aspect of a website is its page’s layout as it decides the overall visual appeal as perceived by the viewers.
Website Layout
It is visible at the top of every page on the site.
Header
It may be information complementing the main content, information shared among a subset of pages.
Sidebar
It has the biggest region it contains most of the contents of the page which is normally unique to the current page.
Main Content
It is visible at the bottom of every page on the site.
Footer
