<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>css 样式表</title>
</head>
<style type="text/css">
p{
color: orange;
}
.where{
background-color: #abcdef;
}
#chone{
font-size: 22px;
}
div a{
font-size: 24px;
}
p[class~="where"]{
font-weight: 800;
}
a[href="#"]{
background-color: cyan;
}
a[href^="http://"]{
color: #1296db;
}
a[href$=".com"]{
font-size: 40px;
}
p[class*="t"]{
padding:20px;
}
</style>
<body>
<div>
<a href="#">one</a>
<a href="#">two</a>
<a href="http://www.baidu.com">百度</a>
<a href="http://www.php.cn">PHP 中文网</a>
</div>
<p>
where are you now..
</p>
<p id="chong">
重庆
</p>
<p class="where text">
成都
</p>
</body>
</html>手写图片：
