Section 1
Preview this deck
a{text-decoration:none;}
Front
| 5 | 0 | ||
| 4 | 0 | ||
| 3 | 0 | ||
| 2 | 0 | ||
| 1 | 0 |
Active users
0
All-time users
0
Favorites
0
Last updated
6 years ago
Date created
Mar 1, 2020
Cards (56)
Section 1
(50 cards)
a{text-decoration:none;}
removes or adds underlines
border-image : url (x.png) 30 round;
Border image shorthand (x.png 30 round)
z-index:-1;
Sets layer order (-1)
ul{list-style:circle inside url("img_marker.png");}
Shorthand list bullet maker
[target]{
Applies to anything with a tag inside [ ]
Background-position: top right;
Sets background posistion
Display:none;
Text Vanishes
Background-repeat: repeat-y;
Repeats background vertically
letter-spacing:25px;
Sets individual letter spacing to 25px
Background-image:url("llama.jpg");
Displays image as background
div p{
Affects only x tags in div
Overflow:scroll/hidden/auto;
Specifies leftover text
list-style-type:upper-roman;
Sets style of numbers on list ( upper Roman )
H1{ Color:red;}
Sets colour of text
a:visited { color: red;}
Visited Link
border-radius:25px;
Sets rounded corners to 25px
list-style-image:url(sqpurple.gif);}
Lets you specify your own bullets
padding-left:30px
Sets padding left 30px
font:italic 12pt Verdana;
Font Shortcut ( italic 12pt Verdana )
visibility:hidden;
Text Vanishes, but leaves space
font-weight:bold;
Sets font bold
Height:100px;
Sets element height to 100px
Position:fixed;
Object stays in position regardless
text-indent:25px;}
indents first line to 25px
Line-height:25px;
Sets line height to 25px
font-size: 12pt;
Sets font Size to 12pt
Width:100px;
Sets Element Width to 100px
Outline:10px solid green;`
Outline short hand ( 10px solid green )
padding: 25px 50px 75px;
Pads Top L/R Bottom 25px 50px 75px
P:first-child{
Highlights first of tag in list
H1{text-align:center;}
Aligns text to centre ( left and right )
padding: 25px 50px
Pads Top/Bottom L/R 25px 50px
P{text-transform:Capitalize;}
Makes text capitalise / lowercase / uppercase
Padding:25px;
Pads all sides 25 px
Background-repeat: no-repeat;
Stops background repeating
border: 2px solid green;
Border short hand ( 2px solid green )
font-style:none;}
Sets font to italic or oblique
a:link { color: red;}
Unvisited Link
Position:relative;
Positioned by its ancestor
Position:absolute;
Goes in an exact position, but scrolls
Background-repeat: repeat-x;
Repeats background horizontally
opacity: 0.4;
Sets Transparency / Opacity to 0.4
Background-color:[color];
Select background colour
background-image: url(a.gif);
Sets picture as background (a.gif)
list-style-type: circle;
Lists have circle or square bullets
a:active{ color: blue;}
Selected Link
font-family:"Courier";}
sets font family
a:hover{color: red;}
Mouse over Link
background-image: url(a.gif),url(b.gif);
Sets background images b over a (a.gif b.gif)
Padding:25px 25px 20px 20px;
PadsTop R Bottom L ( 25px 5px 20px 20px )
Section 2
(6 cards)