<!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>