CSS基础第一天[7846阅/4回]
ＩＤ：1 , 等级：大虾
论坛里有位友友让写些CSS教程！！当时答应了。。可是我懒，，长时间都没写！抱歉啦，其实我也就懂一点点，就稍微写一些吧，写的不好！大家勿喷
今天说下CSS的引用和基本框架！
CSS在HTML引用方法
<link rel="stylesheet" type="text/css" href="CSS绝对路径"/>
/*注意，必须写在head标签里面<head>....</head>*/
当然还有直接写在HTML文件里的方法，不过不建议那样做
CSS基本框架:
CSS有id选择器和class选择器
优先级:id>class
所以在写CSS时候推荐先用class选择器，如果想改哪里还可以用ID选择器修改！
id选择器
CSS写法:
#div{
......
}
使用方法:
<div id="div">........</div>
实例:
CSS部分
#div{color:#000000;
border-top:2px;
border-color:red;
}
HTML部分:
<div id="div">这里的效果是文字是黑色，上边框是红色宽度为2个像素</div>
class选择器:
举一反三，与id选择器不同的是将CSS部分的#改为. ，调用时的id改为class
如
.div{.........}
HTML调用:
<div class="div">.......</div>
所学有限
今天就这些吧。。。吃饭去
今天说下CSS的引用和基本框架！
CSS在HTML引用方法
<link rel="stylesheet" type="text/css" href="CSS绝对路径"/>
/*注意，必须写在head标签里面<head>....</head>*/
当然还有直接写在HTML文件里的方法，不过不建议那样做
CSS基本框架:
CSS有id选择器和class选择器
优先级:id>class
所以在写CSS时候推荐先用class选择器，如果想改哪里还可以用ID选择器修改！
id选择器
CSS写法:
#div{
......
}
使用方法:
<div id="div">........</div>
实例:
CSS部分
#div{color:#000000;
border-top:2px;
border-color:red;
}
HTML部分:
<div id="div">这里的效果是文字是黑色，上边框是红色宽度为2个像素</div>
class选择器:
举一反三，与id选择器不同的是将CSS部分的#改为. ，调用时的id改为class
如
.div{.........}
HTML调用:
<div class="div">.......</div>
所学有限
今天就这些吧。。。吃饭去
WAP开源论坛
