定义CSS样式
style:表示CSS样式
type:
text/css:样式文本
CSS的优势:内容和样式分离
内部样式表:放在<style></style>标签里面的这种分离的方式 >>> 不推荐使用(不完全体现CSS优势)
外部样式表:放在.css文件里面的这种分离方式
行内样式:把样式直接放到标签里面的方式 >>> 不推荐使用(违背CSS优势)
<style type="text/css">
/*h1:对选择器h1添加样式,标签选择器*/
h1{
/*
font-size:文字大小
color:文字颜色
*/
font-size: 12px;
color: #F00;
}
p{
/*
RGB:光学三原色,red,green,blue
0~F:16进制数:例: #FF0000 ==#F00
#00ff00 ==#0F0
#000000==黑色
#ffffff==白色
写法:( color: #0F0;)
1, 针对相同标签不同样式效果:类选择器
.blue: 必须以点开头+自定义名称(见名思意)
}
2, 针对相同标签不同样式效果,只能用一遍:id选择器
#yellow: 必须以#开头+自定义名称(见名思意)
}
</style>
style:表示CSS样式
type:
text/css:样式文本
CSS的优势:内容和样式分离
内部样式表:放在<style></style>标签里面的这种分离的方式 >>> 不推荐使用(不完全体现CSS优势)
外部样式表:放在.css文件里面的这种分离方式
行内样式:把样式直接放到标签里面的方式 >>> 不推荐使用(违背CSS优势)
<style type="text/css">
/*h1:对选择器h1添加样式,标签选择器*/
h1{
/*
font-size:文字大小
color:文字颜色
*/
font-size: 12px;
color: #F00;
}
p{
/*
RGB:光学三原色,red,green,blue
0~F:16进制数:例: #FF0000 ==#F00
#00ff00 ==#0F0
#000000==黑色
#ffffff==白色
写法:( color: #0F0;)
1, 针对相同标签不同样式效果:类选择器
.blue: 必须以点开头+自定义名称(见名思意)
写法:如下
.blue{
color:#00F;}
2, 针对相同标签不同样式效果,只能用一遍:id选择器
#yellow: 必须以#开头+自定义名称(见名思意)
写法:如下
#yellow{
color:yellow;}
</style>