CSS元素的显示与隐藏 ：display 属性， visibility 属性， overflow 溢出元素的显示与隐藏 类似网站的广告，当我们点击关闭就不见了，但是我们重新刷新页面，会重新出现。 本质：让一个元素在页面中隐藏或者显示出来。
目前创新互联建站已为千余家的企业提供了网站建设、域名、雅安服务器托管、网站托管、服务器租用、企业网站设计、孝感网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。
CSS中的visibility和display两个属性很容易被混淆，因为它们看起来是做同样的事情，但实际上，这两个属性是完全不同的。
两者区别在于：HTML是由标志和属性组成的，它们一起被用来告诉浏览器应该如何显示一页文档。
定义不同：html是HyperTextMark-upLanguage的缩写，即超文本标记语言；css是Cascading Style Sheets 的缩写，即层叠式样式表单，它是由W3C协会制定并发布的一个网页排版式标准，是对HTML语言功能的补充。
这是因为元素选择器（比如div）的优先级（或者说权重）要比类选择器（比如.def）高，所以 .def 始终要被 div 压制。
给table加一个class=table_bk 定义.table_bk{border：1px solid #000} 如果不能增加css就这样写 border：none；与border：0；的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。
使用css设置div隐藏（display：none），并且设置div内的文字颜色为红色（color：red）。使用css设置li的hover属性，实现当鼠标放在li标签内的a链接上面时，通过把div的display属性设置为block，把div显示出来。
一说起CSS隐藏元素，我想大部分小伙伴们都会想到的第一种方法就是设置display为none。这是最为人所熟知也是最常用的方法。
今天小编要跟大家分享的文章是关于Web前端工程师应该知道的CSS隐藏页面元素的方法。用CSS隐藏页面元素有许多种方法。你可以将opacity设为0、将visibility设为hidden、将display设为none或者将position设为absolute然后将位置设到不可见区域。
例：HTML代码：123css代码：.o-hide { opacity： 0； transition： all ease 0.8s；}.o-hide：hover { opacity： 1；}效果图：当将鼠标悬停在隐藏的第二个块上时，该元素将从完全透明的状态平滑过渡到完全不透明。
display：none可以隐藏某个元素，且隐藏的元素不会占用任何空间。该元素不但被隐藏了，而且该元素原本占用的空间也会从页面布局中消失。display：block可以显示一个块元素，或者display：inline是显示一个内联元素。
解决CSS样式这时我们可以使用CSS overflow样式解决：对应样式overflow：hiddenDiv{overflow：hidden}这样设置后，假如DIV对象设置一定宽度高度，此时加入overflow：hidden将会隐藏超出DIV宽度高度的内容包括图片。
text-indent：-9999px”样式，实质是让文字向左平移9999px距离，自然在一般分辨率显示屏上无法看到9999px边缘内容，自然使用此CSS技巧实现了文字隐藏同时，背景图片显示正常。
这篇文章主要通过三种方法给大家分享css隐藏滚动条的方法，在此我比较推荐第二种方法，当然也根据实际情况。
单选框样式/自定义单选框/改变单选框border颜色/css单选框首先将原先的单选框隐藏掉。 利用label：before 在label的前面加一个元素来模拟单选框的样式。 利用：checked css选择器将选中的单选框单独设置样式。
CSS中显示和隐藏有多种方法，比较常见的是有display：none|block；visibility： hidden|visible；他们的区别在于，对文档流影响的区别。一般大家显示隐藏元素，比较倾向于用display。
单行隐藏html代码当文字超过范围的时候，超出部分会隐藏起来。
要隐藏也是有text-indent来实现，比如设置text-indent：-999px或text-indent：-9999px让对象内文字往前缩进9999px达到隐藏作用。
在index.html中的标签中，输入css代码：li{width： 100px； white-space： nowrap；overflow： hidden；}。浏览器运行index.html页面，此时标签中超出的文字被隐藏了。
CSS如何将超出的内容隐藏： 有时候容器中的内容会超出容器的边界，显得非常的不好看，所以需要将超出的部分隐藏，下面简单介绍一下实现此效果的方法。
一说起CSS隐藏元素，我想大部分小伙伴们都会想到的第一种方法就是设置display为none。这是最为人所熟知也是最常用的方法。
例：HTML代码：123css代码：.o-hide { opacity： 0； transition： all ease 0.8s；}.o-hide：hover { opacity： 1；}效果图：当将鼠标悬停在隐藏的第二个块上时，该元素将从完全透明的状态平滑过渡到完全不透明。
