文章来源: http://wszhdain.blog.hexun.com
给大家展现一些基本的CSS代码,让大家能基本上看懂博客里的CSS样式表。
一、标记选择器
格式:<style>
h1{ //选中整个html中所有的h1标记
color:red; //定义颜色
font-size:25px; //定义大小
}
</style>
二、类别选择器
格式:<style>
.class{ //选中整个html中所有的类别标记
color:red; //定义颜色
font-size:25px; //定义大小
}
</style>
三、ID选择器
格式:<style>
#id{ //选中整个html中所有的id标记
color:red; //定义颜色
font-size:25px; //定义大小
}
</style>
注意:一个ID标记是不允许同时采用在两个标记中的。
四、选择器的声明
1、集体声明:
<html>
<head>
<style type="text/css">
<!-
h1,h2,h3,h4,h5,p{
color:purple;
font-size:15px;
}
h2.special,.special,#one{
text-decoration:underline; //定义下划线
}
-->
</style>
</head>
<body>
<h1>文字</h1>
<h2>文字</h2>
<h3>文字</h3>
<h4 class="special">文字</h4>
<h5 class="special">文字</h5>
<p id="one">文字</p>
<p class="special">文字</p>
</body>
</html>
2、选择器的嵌套:
<html>
<head>
<style type="text/css">
<!--
p b{
color:maroon;
text-decoration:underline;
}
-->
</style>
</head>
<body>
<p>文字<b>文字</b>文字</p>
</body>
</html>
先说这些基础的基础知识,记下了会说一下CSS的文字效果,请大家继续关注。
如果有什么不懂的,可以给我发帖留言!