My supercalifragilisticexpialidocious wall by Jonathan Ellis https://padlet.com/jellis26/qmyt5gg65d86 Made with an open mind en-us 2019-02-08 14:16:58 UTC 2023-11-29 13:39:15 UTC hello@padlet.com https://padlet.com/jellis26/qmyt5gg65d86/wish/329202505 2019-02-08 14:20:19 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329202505 Background-Image https://padlet.com/jellis26/qmyt5gg65d86/wish/329204976  Sets an image as the background ]]> 2019-02-08 14:24:08 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329204976 CSS Margin https://padlet.com/jellis26/qmyt5gg65d86/wish/329205511 The CSS margin property defines a margin (space) outside the border: ]]> 2019-02-08 14:25:04 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329205511 CSS Padding ErinHobson https://padlet.com/jellis26/qmyt5gg65d86/wish/329205770 The CSS padding property defines a padding (space) between the text and the border:

Example
<p>
  border: 1px solid powderblue;
  padding: 30px; 
</p>
]]> 2019-02-08 14:25:32 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329205770 cursor https://padlet.com/jellis26/qmyt5gg65d86/wish/329206506 Specifies the type of cursor to be displayed. Values: 
url
auto
crosshair
default
pointer
move
e-resize
ne-resize
nw-resize
n-resize
se-resize
sw-resize
s-resize
w-resize
text
wait
help
]]> 2019-02-08 14:26:49 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329206506 Button Colours ErinHobson https://padlet.com/jellis26/qmyt5gg65d86/wish/329207301  
Use the background-color property to change the background color of a button:

Example

.button1 {background-color: #4CAF50;} /* Green */ 
]]> 2019-02-08 14:28:16 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329207301 The class Attribute https://padlet.com/jellis26/qmyt5gg65d86/wish/329207389  To define a style for special types of elements, add a class attribute to the element: ]]> 2019-02-08 14:28:24 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329207389 float https://padlet.com/jellis26/qmyt5gg65d86/wish/329207419 Sets where an image or a text will appear in another element. Values:
left
right
none 
]]> 2019-02-08 14:28:29 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329207419 Button Sizes ErinHobson https://padlet.com/jellis26/qmyt5gg65d86/wish/329207654
Use the font-size property to change the font size of a button:

Example

.button1 {font-size: 10px;} 
]]> 2019-02-08 14:28:52 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329207654 font-stretch alistair_knight55 https://padlet.com/jellis26/qmyt5gg65d86/wish/329207944  Condenses or expands the current font-family 

]]> 2019-02-08 14:29:25 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329207944 Visibility https://padlet.com/jellis26/qmyt5gg65d86/wish/329208032 Sets if an element should be visible or not

visible
hidden
collapse
]]> 2019-02-08 14:29:35 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329208032 font-stretch https://padlet.com/jellis26/qmyt5gg65d86/wish/329208578 Condenses or expands the current font-family. Values:
normal
wider
narrower
ultra-condensed
extra-condensed
condensed
semi-condensed
semi-expanded
expanded
extra-expanded
ultra-expanded
]]> 2019-02-08 14:30:35 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329208578 CSS Fonts https://padlet.com/jellis26/qmyt5gg65d86/wish/329208955  
The CSS color property defines the text color to be used.
The CSS font-family property defines the font to be used.
The CSS font-size property defines the text size to be used. 
]]> 2019-02-08 14:31:15 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329208955 Using Multiple Color Stops ErinHobson https://padlet.com/jellis26/qmyt5gg65d86/wish/329209504 he following example shows a linear gradient (from top to bottom) with multiple color stops:

#grad {
  background-image: linear-gradient(red, yellow, green);
}]]> 2019-02-08 14:32:17 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329209504 CSS Margin https://padlet.com/jellis26/qmyt5gg65d86/wish/329212006 The CSS margin property defines a margin (space) outside the border:

p {
  border: 1px solid powderblue;
  margin: 50px;
}]]> 2019-02-08 14:37:04 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329212006 margin alistair_knight55 https://padlet.com/jellis26/qmyt5gg65d86/wish/329212124 A shorthand property for setting the margin properties in one declaration

 
margin-top
margin-right
margin-bottom
margin-left 
]]> 2019-02-08 14:37:19 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329212124 overflow alistair_knight55 https://padlet.com/jellis26/qmyt5gg65d86/wish/329212487 Sets what happens if the content of an element overflow its area

 
visible
hidden
scroll
auto 
]]> 2019-02-08 14:38:03 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329212487 Transparent Hover Effect ErinHobson https://padlet.com/jellis26/qmyt5gg65d86/wish/329212562  The opacity property is often used together with the :hover selector to change the opacity on mouse-over: 
 img {
  opacity: 0.5;
  filter: alpha(opacity=50); /* For IE8 and earlier */
}

img:hover {
  opacity: 1.0;
  filter: alpha(opacity=100); /* For IE8 and earlier */
} ]]> 2019-02-08 14:38:13 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329212562 HTML Links - Syntax https://padlet.com/jellis26/qmyt5gg65d86/wish/329213393 In HTML, links are defined with the <a> tag:

<a href="url">link text</a>]]> 2019-02-08 14:39:47 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329213393 Media Types - All alistair_knight55 https://padlet.com/jellis26/qmyt5gg65d86/wish/329213600 Used for all media type devices]]> 2019-02-08 14:40:08 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329213600 Shadow https://padlet.com/jellis26/qmyt5gg65d86/wish/329214018
Adds shadow to text
none
color
length
]]> 2019-02-08 14:40:54 UTC https://padlet.com/jellis26/qmyt5gg65d86/wish/329214018