CSS的主要功能:
可以加強對html文件的樣式管理
CSS概念:
直接對html中的元件屬性管理，藉由選擇器去選擇元件後，再選擇要管理的屬性即可
有四種常見的選擇器:
1.type選擇器:對選中tag中的內容作用(直接打tag名稱)
ex:
<html>
<head>
<title>
test1
</title>
<style>
body{
color:#FFC0CB
}
</style>
</head>
<body>
hello
</body>
</html>
2.ID選擇器:對選中ID的內容作用(#加上ID名稱)
ex:
<html>
<head>
<title>
test2
</title>
<style>
#hi{color:#BBFFFF}
</style>
</head>
<body>
<p id="hi">
hi
<p/>
<p id="hello">
hello
<p/>
</body>
</html>
3.class 選擇器:對選中的class內容作用(.加上class名稱)
ex:
<html>
<head>
<title>
test3
</title>
<style>
.hi{
color:#FFC0CB
}
</style>
</head>
<body>
<p class="hello">
hello
</p>
<p class="hi">
hi
</p>
</body>
</html>
4.萬用選擇器:作用於網頁中所有元件(*)
ex:
<html>
<head>
<title>
test4
</title>
<style>
*{
background:#FFFF99
}
</style>
</head>
<body>
hello
</body>
</html>
沒有留言:
張貼留言