CSS fejtörők 2.
web
Creative Style Sheets
Computer Style Sheets
Colorful Style Sheets
Cascading Style Sheets
<stylesheet>mystyle.css</stylesheet>
<style src="mystyle.css">
<link rel="stylesheet" href="mystyle.css">
a dokumentum végén
a <head> szekcióban
a <body> részben
<style>
<css>
<script>
font
styles
class
style
{body;color:black;}
{body:color=black;}
body:color=black;
body {color: black;}
/* ez egy megjegyzés */
' ez egy megjegyzés
// ez egy megjegyzés
// ez egy megjegyzés //
background-color
color
bgcolor
h1 {background-color:#FFFFFF;}
h1.all {background-color:#FFFFFF;}
all.h1 {background-color:#FFFFFF;}
text-color
fgcolor
color
font-style
font-size
text-size
text-style
p {text-size:bold;}
p {font-weight:bold;}
<p style="text-size:bold;">
<p style="font-size:bold;">
a {decoration:no-underline;}
a {text-decoration:none;}
a {underline:none;}
a {text-decoration:no-underline;}
text-transform:capitalize;
ezt nem lehet megoldani CSS-sel
text-transform:uppercase;
font-family
font
mindkettő használható
font:bold;
style:bold;
font-weight:bold;
border-width:10px 20px 5px 1px;
border-width:10px 5px 20px 1px;
border-width:10px 1px 5px 20px;
border-width:5px 20px 10px 1px;
indent
margin-left
padding-left
igen
nem
list-style-type: square;
list: square;
list-type: square;
.demo
*demo
demo
#demo
*test
test
.test
#test
div.p
div + p
div p
szóközzel
plusz jellel
vesszővel
absolute
fixed
relative
static