css display 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title></title>
        <meta name="viewport" content="width=device-width, initial-scale=1">
    <style type="text/css">
        a{
            /*
        由于想要改变链接字体变大，但是内联元素不支持设置wdth和height
        所以需要变成块元素才可以设置元素的高度和宽度，所以用display来设置
        display：block块元素
        display：inline内联元素
        display：inline-block将一个元素转换为行内元素
                可以将一个元素既有行内元素的特点又有块元素的特点
                既可以设置宽高，又不会独占一行
        display：none 不显示元素，并且元素不会在页面中继续占有位置。
            */
            /*
            visibility：
            可以用来设置元素的隐藏和显示的状态
            可选值：
            visible 默认值，元素会在页面显示
            hidden  元素会隐藏显示
            使用visibility：hidden；隐藏的元素虽然不会在页面中显示，但是他的位置会依然保持。
            display：none
            使用该方式隐藏的元素，不会在页面中显示，并且不再占据页面的位置
            
            */
        }
    </style>
    </head>
    
    <body>
        <a href="#">我是一个超级大的链接</a>
        
    </body>
</html>

 

posted @ 2018-06-15 14:42  你若精彩，蝴蝶自来  阅读(152)  评论(0)    收藏  举报