css写网页的页面图标和内联元素块状元素转化问题////边框圆角和鼠标指向元素变化问题、溢出处理等

8.12

网页的上方页面标签图片需要ico格式图片

head标签中添加：

<link rel="shortcut icon" href="a.ico">

 

 

内联元素和块状元素相互转化问题：

 

    块状元素：独占一行，可以设置宽高，可以设置水平和垂直margin，可以设置水平和垂直padding

 

    行内元素：不独占一行，也不可以设置宽高，可以设置水平margin，不可以设置垂直margin，只设置水平方向padding，

 

        块状元素转化行内元素：

            display: inline;

        行内转化块状元素；

                display: block;

   结合元素，不独占一行但可设置宽高：

        display: inline-block;

        隐藏div：

        display: none;

 

 

 

/*边框圆角*/

    /*border-radius: 10px 20px 30px 40px;*/（四个角）

    border-radius: 100px;（圆）

    /*阴影*/

    box-shadow: 20px 20px 20px grey;/*水平   垂直  模糊度  颜色*/

 

鼠标指向元素变化：

    /*translate（）：移动元素*/

    /*transform: translate(50px,50px);*/

    /*旋转*/

    /*transform: rotate(60000000deg);*/

    /*放大*/

    /*transform: scale(2,2);*/

    /*沿x轴3D旋转*/

    transform: rotateX(300deg);

    /*过度*/

    transition: transform 3s;

    /*溢出处理*/

    overflow: hidden;