8/7/2019 CSS Classes IDs HandoutF10
http://slidepdf.com/reader/full/css-classes-ids-handoutf10 1/10
Z^WScWSbW^TW^WZSS^\WZ`W^
\_
SW_a^W`[_SbWT[`[a^`\SYW_SZV[a^U__\SYW TWX [^W_a``ZYV[cZW[\W` WZV`[X [^YW``[_SbW`WU__\SYW
X [aUSZZ[``\WZW_YZbWc \^W__`WbWTa``[Z
SU`W[a[Y[Z`[`WU[\a` W^[aa_`VWXZWSZWc_`W `[T^ZYZ[a^X [VW^ ^WS` W\SYWX [^[ZWT^[c_W^\^WXW^STZ[`^WX [W`_US\W\W^SSZVSXS^S^W
_` SZVS^V_U[\SZ`W_`ZYZ^WX[c[^_cW c`_SZVSU_
WSVW^SZX[[`W^SZVc^S\S`W_SW\WWZY`SU^[__%\ ^WS`ZYc` W_\SUW\SVVZYUSZYW_SXXWU`\SVVZYc`Z`WT[_WS^YZ_SXXWU`
_\SUW[a`_VW[X `WT[ VVS^YZ_`[T[W_\[`[_ ZV\SVVZYX[^`W`
SW_a^W[ac^S\\W^SZVSZS`U[a^\^S^U[[^[X [a^WT\SYW
% _WSTW_X [acSZ``[\[_`[Z[TWU`_c`ZSUW \WZWWY`_\SUW_TW`cWWZ_WZ` WZUW_\USX [Z`_W_\W_
^[aTW_[[`ZY cS_UWU `[_WWX [aSbWU[_ZYÈVb` SY_SZV`c[` SY_ W\`SUW`[^W_WS^W^\SYW_ZSXS^Z^WX [[[_WS^^bS` WS` S
W^W_[aVT
WZ[_\
SUW_Z[a^
STW_ [aSSbWX [^Y[`` WZSZ_YZ[^]a[` S`[ZS^ _
[a\SUWV_`W` SY_[a`_VW`WT[VÈT[V` SY
[aSVVWV\SVVZYTa`VVZ[`_aT` SU``WWX SZV^Y`\SVVZYX [`WcV` Z `[_SbWVU___`W_WW`X USZYW_V[Z[`S\\WS^cWZ` W_`ZYZT^[c_W^Z USZ
[US` WVTVVWc`WWW`U[ZZ\SW`` W
^WS`ZY^WW[aZS[a`Za_ZY^WScWSbW^WW`W^Y`Vb`SYX[^`c[U[aZ[acU^WS` WSZW` W^ZS_`W_WW`ZWVb` SY_` SZV_X [^Vb_[ZSZV`W_\SZ` SYU[bW^_S_\SZZa_W`WVb` SY`[U^WS` WZb_TWT[W_
[acSZ``[X ^_`U^WS` WYSZ`T[`[[VS[X [a^U[Z` WZ`ZUaVZY[a^Vb` SY_` S^`
c`SZYWT^SUW`Z`WU[VWbWc[X WU[VWZ`_cS\\WS^`[W\[a^WWTW^`[` SY_\WVbVbW`SZZSWZVa_`TWaZ]aWSZVa_WV[ZUWWW
TW[c W`[acSZ``[U^WS` W`WTSZZW^[^WSVW^Vb` SY_
WZ`WSZT[cUc[V`WY`_VWTS^WZaSZV`W`[^U[Z` WZ`T[W_ [[cZY`WU^WS`[Z[X `WSZVbU^WS` W`WWZa`[^SZVY`Vb` SY_
WX [[` W^Vb_[US` WV[a`_VW[X `WSZVb
VV`W_W`SY_`[U[VWbWccZV[cT[VVbVc^S\a`Ua^_[^ZW``[SZYWT^SUW`c^S\`[SVV_`W_WW`
VbVWSVW^ÈVb
VbVSZVbVWZaÈVb
VbV_`[^ÈVb
VbV^Y`ÈVbÈVb
VbVX [[` W^ÈVbÈVbÈT[V
8/7/2019 CSS Classes IDs HandoutF10
http://slidepdf.com/reader/full/css-classes-ids-handoutf10 2/10
[SVV`W_`[`W`W^ZSWW` [`[ZV[c`W_X \SZWV[W_Z[`S\\WS^
W``[`WVbVc^S\SUWUa^_[^ZW``[SZYWT^SUW`c^S\
Z`W\SZW_WWU`U[Z WcaW Z`WWcaWcZV[c`\WSZV_WWU``WX [[cZY
8/7/2019 CSS Classes IDs HandoutF10
http://slidepdf.com/reader/full/css-classes-ids-handoutf10 4/10
VV_`W`[WSVW^TSZYWT^SUW`WSVW^WcaW
S [ac_WWc^S\\W^WSVW^WW` Wc^S\\W^X [[c`_\^[UWVa^WX [^S[X `WX [[cZY` SY_
T SW_a^W`S`WSVW^Vb__SbZY`[`WS\\^[\^S` WU__X WS
U [SWcV`S_c^S\WY`\_W[X WSVW^S
VV_`W`[SZS SWcV`S_\SYWSZVWY`Sa`[
VVTSU Y^[aZVU[[^X [^\^SU`UW
WZaZSbYS`[Z\cV`SZVSa`[WY`Z[WZaZWWV_`[X [S`WX [Z`W\SYW
8/7/2019 CSS Classes IDs HandoutF10
http://slidepdf.com/reader/full/css-classes-ids-handoutf10 6/10
Va_`ZY\SVVZY_[` W`V[W_Z[`^W_`SYSZ_`WVYW_[X T[W_SVVZY_[Z`WZ_VW[X `WT[
S [aTWUU _`[^Z_`WcZV[c
T VV\SVVZY`[`WWX ^Y` `[\SZVT[``[\U [cWbW^\SVVZYSVV_\W_`[`WT[\a_ZY_VWTS^V[cZ[aa_`_aT` SU`
VV`WWX SZV^Y`_VWTS^_`[YW`W^cUW]aS_\W_Va_``W_W[X
`WT[X [^_`[^T_aT` SU`ZY\W_X [`WcV`bW^`W[aSVV\SVVZY`[cV`[aSbW`[_aT`^SU`X [`W[bW^SWZY`_`[^^Y` [^
WZa
SbYS`[Z
S WUVWcS``\W[X ZSbYS`[Z[acSZ`c[^VZ _[`[_[\Ta``[Z_ [^SYW
S\_[`_\[`_
T X [a`a^Z[a^WSVW^\YZ`[SZ SW_a^W`[SVVST[^VW^Z`W^[\W^`Z_\WU`[^`W^c_W[a^\U`a^WcSVWXSa`TaWT[^VW^
Z_X[^\SYWSZ Z _S^W`WX ^_`Z `Wb_`[^_WW_TaWSb_` WVZ _USZYWU[[^cWZS\W^_[ZUU _[Z`S`Z \a^\W`\_[aVTW`W_SWU[[^S_SZ _SZVS[bW^
Z _U
SZY
WU[[^c
WZ`
W\W^_[Z\
SUW_`
W^[a_
W[bW
^`WZ
[Y
W`^V[
X `
WZ
WaZV
W^`
WZ USZYW`[WbW^ZVW^ZW
[VX SYW^[\W^`W_
8/7/2019 CSS Classes IDs HandoutF10
http://slidepdf.com/reader/full/css-classes-ids-handoutf10 7/10
Z_VXXW^WZ`U[[^_X[^SZV Vb_
VVZWc^aW WWU`[\[aZVX [V^[\V[cZWZa[^W__\WUX U
WWU``WV^[\V[cZWZaUSZYW`W_` S` W[X SZ
[USZYW`W_` S` Wc`S_\WUX UVb_aUWZa`\WWZaTWX [^WSZ
WWU`[a^Z U[[^SZV_WWU`Z[ZWX [aV[Z[`cSZ`[a^Z aZVW^ZWV
VVWc^aW
W\WS``W_SW_` W\_X [^`WSb_` WVSZVS[bW^Z _WZaSb_` WV
8/7/2019 CSS Classes IDs HandoutF10
http://slidepdf.com/reader/full/css-classes-ids-handoutf10 8/10
%
S__W_X[^ SZVZW_[aUSZa_WUS__W_[bW^SZV[bW^SYSZUS__W__`S^`c`S\W^[VZ_`WSV[XS
SZV`WZ`WZSW\SZ` SY__`WS_\WUX US^WS
[aUSZa_WW`W^_\SZ[^VbUS__W_W\^S^VXXW^WZUWTW`cWWZ`W_\SZSZVVb` SY__
`S`_\SZV[W_Z`V[SZX [^S``ZY[X `_[cZWVb` SYSU`_S_S[YUSVb_[ZZ`W
V[UaWZ`W_\SZ` SY_\` W_`WT^[c_W^`[S\\`W_`W^aW_`[cS` WbW^_c`Z`W_\SZ[a`\USa_W_\SZ` SY_X [^\[^`[Z_[X ` W`
W^W_SZWS\W[Z[c`[_`WWSVZW_aTWSV_W`U \W_\SZUS__SZWSVZW\SUWUa^_[^W^W`[Z_W^`SYWZVcÈ_\SZZ[VW
Wc
SUWUa^_[^S``WWZV[X [\WZZYUS__
VV`W^aW
\WSZWSVZW[^cS` WbW^[aZSWV`
`W[a^WSVZY
8/7/2019 CSS Classes IDs HandoutF10
http://slidepdf.com/reader/full/css-classes-ids-handoutf10 9/10
WWU`US__S Z`W^[\W^`Z_\WU`[^cZV[cZ`WS__V^[\V[cZWZa[aUSZS\\`S`_`W
^W\WS` WV`^[aY[a`[a^\SYW^S`W^`SZSVVZYSZWcUS__^aWWSU`W
S YY`Z[VWWc`W` W`[ac[aV`[TWU[W_`WS_SSZWSVZY
T [`[`W^[\W^`Z_\WU`[^_WWU``WSZWSVZYZV^[\V[cZWZa
ÊScS_\a`U[Z`WZ`ZSVb`SYT[
SZV
VbUS__T[\[`[\SUWUa^_[^W^W`[Z_W^`SYWZVcÈVb VVWcaW
S__T[\[`[
^WS` WST[`WWSU`_SW_WS_`W\U`a^WX [S`WX [^^Y`
`\U`a^W_[acSZ``[SVVS^YZ_Z_` WSV[X \SVVZYS^YZ_S^W_\SUW[a`_VW[X `W
T[VVS^YZ_`[\a_` W`ScSX [T[[^\U`a WX X [S`_[ZWX SVVS^YZ_\SUW`[
`W^Y`SZVT[``[X X [S`_[Z`W^Y` SVVS^YZ_\SUW`[`WWX SZVT[``[[aS
SVV`[`W`[\X T[_Z`WVVW[X ` W`
8/7/2019 CSS Classes IDs HandoutF10
http://slidepdf.com/reader/full/css-classes-ids-handoutf10 10/10
VVT[[^VW^[aa_aSScS_cSZ``[SVVS\TSU T[^VW^S_cW SUWUa^_[^SX W^[\WZZYT[\[`[` SYZ[VWbWc
% Z_W^`SYW
ZUW[aSbWS\SYW_`^aU`a^W_W`a\_SbW`Va\US`W`SZVUSZYW``[`WZSW_[X[a^[`W^\SYW_WYST[a`U[Z`SU`TWX[^WSVVZY_`[^U[Z`WZ`WW__W`a\`WX^_`\SYW
Y`UU [a^ZVW`X W