CSS标签选择器
外部样式
/* 外部样式 */
h3 {
color: #00FF00;
}
行内样式:
<body>
<h1><font color="red">老妹儿01</font> </h1>
<h1 style="color: rgb(199, 20, 20) ; " >对方过后</h1>
</body>
内部样式:
<head>
...
<style>
/* 内部样式 */
h3 {
color: #00FF00;
}
</style>
</head>
<body>
<h3>内部样式</h3>
<h3>内部样式</h3>
</body>
外部式样:
外部.css
h1{
color: aqua;
}
------------------------------------------------------------------------
html:
<head>...
<link rel="stylesheet" href="./外部.css"><!--调用外部式样--!>
</head>
<body>
<h1>外部式样</h1>
</body>
标签选择器:
<style>
p{
color: #5b9e4c;
font-size: 66px;
}
</style>
</head>
<body>
<p>标签选择器</p>
<p>标签选择器</p>
</body>
类选择器:
<style>
.buzhidao {
font-size: 33px;
color: #4054ea;
}
</style>
</head>
<body>
<p class="buzhidao">类选择器</p>
</body>
ID选择器:
<style>
.buzhidao {
font-size: 33px;
color: #4054ea;
}
<!--id选择器--!>
#li{
color: #be82d1;
}
</style>
</head>
<body>
<p class="buzhidao" id