Css简单应用

//必须写

<link href="自己建的Css文件" rel="stylesheet"/>

/*主函数*/

body{border:5px solid yellow;}

/*ID选择器
<div id="myId">
    我的div2
    </div>*/
#myId{
border:5px dotted #F03;
}
/*class选择器
class="myDiv"*/
.myDiv{
width:300px;
height:250px;
background-color:#FC9;
}


/*class选择器
找myDiv下面的东西 hover划过
<div class="myDiv">
    <p class="myP">div中的p</p>
<div>
<p class="myP">div中的p</p>
</div>
    </div> */
.myDiv .myP:hover{
width:200px;
height:150px;
background-color:#6CC;
}


/*全局*/
*{border:5px solid yellow;}


/*a划过*/
a:hover{text-decoration:none;color:red;}
  
/*a访问过*/
a:visited{color:yellow;}