css02
3994 ワード
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<style type="text/css">
/*
“*” ，
*/
* {
color: pink;
font-size: 12px;
border: 1px solid blue;
}
/* ： www dreamdu com */
.www.dreamdu.com {
color:blue;
}
/* */
.dreamdu-red
{
color:red;
}
p.dreamdu-12px
{
font-size:12px;
}
p.dreamdu-bold
{
font-weight:bold;
}
#btw{
border: 2px;
width: auto;
/* */
border-top-width: 10px;
border-right-width: 5px;
border-left-width: 2px;
border-bottom-width: 7px;
/* */
border-top-color: #006486;
border-right-color: #F8AE11;
border-left-color: #3080CB;
border-bottom-color: #464646;
/* */
border-right-style: solid;
border-left-style: double;
border-bottom-style: dashed;
border-top-style: groove;
/*border top,right,left bottom*/
/**border: border-width border-style border-color;*/
}
#mg{
border-style: solid;
border-color: red;
/*margin: ， ， */
margin-top: 10px;
}
#pdp{
border-style: solid;
border-color: #3080CB;
margin-top: 10px;
/*padding: ， */
padding-left: 40px;
/* ， */
font-size: 2em;
/* */
width: 10%;
}
h1:before{
/**/
content: "test";
display: inline;
}
h1:after{
content: " ";
}
/*
，
1， 2{
color:red;
}
*/
h2{
color: #3080CB;
}
h1,h2,h3{
color: #FF0000;
border-style: solid;
}
/* p div ， p ， */
div p{
font-size: 40px;
color: saddlebrown;
}
/* ， */
#son>p{
color: #FF0000;
}
#brother+p{
color: #FF0000;
}
/* */
/* type input */
input[type]{
color: #FF0000;
}
/* input , */
input[class='cd']{
color: #3080CB;
}
/* input class */
input[class~='cd']{
color: #3080CB;
}
/* input class cd cd - */
input[class|='cd']{
color: #3080CB;
}
/* input class cd */
input[class^='cd']{
color: #3080CB;
}
/* input class cd */
input[class$='cd']{
color: #3080CB;
}
/* input class cd */
input[class*='cd']{
color: #3080CB;
}
</style>
<!-- ， -->
<!-- -->
<body>
<p class="dreamdu-bold dreamdu-12px dreamdu-red"> 12px </p>
<!-- -->
<h1>dfafa</h1>
<h2>dsfaf</h2>
<h3>dsfafsdaf</h3>
<!-- -->
<div id="btw">
<!-- -->
<span>
<!-- -->
<p id="p"> </p>
</span>
</div>
<div id="mg">
<p id="pdp"> </p>
</div>
<div id="son">
<div>
<p> </p>
</div>
<p> </p>
</div>
<div>
<span id="brother">fafa</span>
<p> </p>
<p> </p>
</div>
<input type="text">
<input>
</body>
</html>