css样式
CSS的样式表基本概念
一、样式表分类
1、内联样式表
<p style="fint-size:24px;">直接在标签内部进行样式设置</style>
2、内嵌样式表
<head>
<style type="text/css">
p /*以p标签命名,一下所有p标签都会执行此样式*/
{
样式}
</style>
</head>
3、外部样式表(最常用的)
新建一个css文件,需要在html文件中调用css样式表,需要在html文件中点击右键-css样式-附加样式表。用link链接
* /*对所有标签去除间距、边距*、
{
margin:0px;
padding:0px;
}
二、选择器
1、class选择器 可以多个使用
<style>
.main
{
height:100px;
width:100%;
text-align:center;
}
</style>
<body>
<div class="main"><div> 调用class样式表
</body>
</body>
2、ID选择器 只可以使用一次
<style>
#a
{
width:100%;
height:100px;
backgroun-color:red solid 2px;}
</style>
<body>
<div id="a"><div>
</body>
3、复合选择器
1)p,span 两种标签同时使用一下样式
{
样式}
2).main p 在引用.main样式的标签内的p标签时也使用.main样式
<div class="main"><p></p></div> p标签用div标签属性
3)p.sp(选择) 在所有p标签内使用“class="sp"的执行此样式
<p class="sp"><p> 此项使用上标签
<p></p> 不使用上标签