This repository has been archived by the owner on Jul 4, 2021. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
CSS Styles.css
107 lines (73 loc) · 1.54 KB
/
CSS Styles.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
http://www.w3schools.com/tags/default.asp
http://www.w3schools.com/colors/colors_names.asp
CSS STYLES:
<body style="background-color:lightgrey;">
</body>
EXAMPLE OF INTERNAL CSS:
<head>
<style>
body {background-color: powderblue;}
h1 {color: blue;}
p {color: red;}
</style>
</head>
EXTERNAL CSS: Use this type of code to link to the CSS file
<head>
<link rel="stylesheet" href="styles.css">
</head>
COLORS:
background-color:;
color:;
-----
Any 8 character hex number: #800000
http://htmlcolorcodes.com/
Or an RGB number: 255,0,255
FONTS:
font-family:;
-----
verdana;
courier;
FONT SIZE:
font-size:100%;
font-size:100px;
TEXT ALIGNMENT:
text-align:;
-----
center
left
right
BORDERS:
border: 1px solid black;
PADDING:
padding : 30px;
MARGIN:
margin: 20px;
IDs:
<p id="p01">this text will have that specific id information</p>
CSS:
#p01 {
color: blue
}
Class Attributes:
<p class="error"> I am different</p>
CSS:
p.error {
color: red;
}
LIST ITEMS:
list-style-type: ;
disc; sets to a bullet (default)
circle; set to a circle
square; sets to a square
none; list items will not be marked
-----
type="1" sets list to numbers by default
type="A" sets list to by numbered by uppercase letters
type="a" sets list to by numbered by lowercase letters
type="I" sets list to uppercase roman numbers
type="i" sets list to lowercase roman numbers
VERY SIMILAR TO ID TAGS
div.classname {
background-color:grey;
margin:20px;
}