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()...
Posts
- Get link
- X
- Other Apps
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 ∏ ∏ ∏...
- Get link
- X
- Other Apps
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 ...
- Get link
- X
- Other Apps
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...
- Get link
- X
- Other Apps
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 ...
- Get link
- X
- Other Apps
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 ...