Posts

Genies Hour (10) CSS - Multiple Backgrounds Know CSS  Multiple Backgrounds  Properties background-size background-origin background-clip                                                             What I have learned? Property Description background A shorthand property for setting all the background properties in one declaration background-clip Specifies the painting area of the background background-image Specifies one or more background images for an element background-origin Specifies where the background image(s) is/are positioned background-size Specifies the size of the background image(s)                  What problem do I foresee happening? It is still quiet hard for me to remember the mixed form of background. background:color url()...
What I will do for tomorrow ? css3 background linear-gradient radical-gradient box-reflection
Genies Hour (9) CSS Symbol Know CSS Form Properties HTML entities were described in the previous chapter. Many mathematical, technical, and currency symbols, are not present on a normal keyboard. To add such symbols to an HTML page, you can use an HTML entity name. If no entity name exists, you can use an entity number, a decimal, or hexadecimal reference.                                                             What I have learned Char Number Entity Description ∀ ∀ ∀ FOR ALL ∂ ∂ ∂ PARTIAL DIFFERENTIAL ∃ ∃ ∃ THERE EXISTS ∅ ∅ ∅ EMPTY SETS ∇ ∇ ∇ NABLA ∈ ∈ ∈ ELEMENT OF ∉ ∉ ∉ NOT AN ELEMENT OF ∋ ∋ ∋ CONTAINS AS MEMBER ∏ ∏ ∏...
Genies Hour (8) CSS  Layout - transition Know CSS transition Properties CSS transitions allows you to change property values smoothly (from one value to another), over a given duration. Example:  Mouse over the element below to see a CSS transition effect.                                                             What I have learned Property Description transition A shorthand property for setting the four transition properties into a single property transition-delay Specifies a delay (in seconds) for the transition effect transition-duration Specifies how many seconds or milliseconds a transition effect takes to complete transition-property Specifies the name of the CSS property the transition effect is for transition-timing-function Specifies the speed curve of the transition effect   ...
Genies Hour (7) CSS  Layout - float and clear Know CSS Float Properties The CSS  float  property specifies how an element should float. The CSS  clear  property specifies what elements can float beside the cleared element and on which side.                                                             What I have learned? The  float  property is used for positioning and layout on web pages. The  float  property can have one of the following values: left - The element floats to the left of its container right- The element floats to the right of its container none - The element does not float (will be displayed just where it occurs in the text). This is default inherit - The element inherits the float value of its parent The  clear  property specifies wh...
Genies Hour (6) Position Know CSS Position Properties The  position  property specifies the type of positioning method used for an element. There are five different position values: static relative fixed absolute sticky                                                             What I have learned? An element with  position: static;  is not positioned in any special way; it is always positioned according to the normal flow of the page. An element with  position: relative;  is positioned relative to its normal position. An element with  position: fixed;  is positioned relative to the viewport, which means it always stays in the same place even if the page is scrolled. The top, right, bottom, and left properties are used to position the element. An element with ...
Genies Hour (5) CSS  Border Know CSS Border Properties The CSS  border  properties allow you to specify the style, width, and color of an element's border.                                                           What I have learned? dotted  - Defines a dotted border dashed  - Defines a dashed border solid  - Defines a solid border double  - Defines a double border groove  - Defines a 3D grooved border. The effect depends on the border-color value ridge  - Defines a 3D ridged border. The effect depends on the border-color value inset  - Defines a 3D inset border. The effect depends on the border-color value outset  - Defines a 3D outset border. The effect depends on the border-color value none  - Defines no border hidden  - Defines a hidden border ...