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

cyqtq 2020-08-17 17:16 原文

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;
 

推荐阅读