CSS
层叠样脚本
前段,装修,页面美化、风格
CSS样式:
元素的颜色 color
背景颜色 background-color
字体大小 font-size
RGB颜色:黑色 000 白色 255 255 255
CSS与HTML组合的三种:
1.内联方式
<span style="color:#0; background-color:yellow;font-size:30px">腾仙好帅!</span>
2.内部方式
<style type="text/css">
span{ //1.标签选择器
background-color:pink;
}
.bl { //2.类选择器
color:black;
background-color:red;
font-size:40px;
}
#wtx{ 3.id选择器
color:black;
background-color:green;
font-size:40px;
}
</style>
<body>
<h1>CSS测试</h1>
<span> <span id="wtx">腾仙</span>好<span class="bl">帅</span>!</span>
<span>腾仙chao帅!</span>
</body>
3.外部样式
css 单独存放 后缀 .css
<link rel="stylesheet" type="text/css" href="路径"> 引入
选择器:
1.标签选择器
2.类选择器
3.id选择器