CSS中display,visiblity及overflow的作用和区别

Display属性用于设置或获取对象是否以及如何显示。
当显示属性设置为None时，标题对象被隐藏，不为其保留位置空间，并且其下方的元素会自动向上移动以占据隐藏标题的位置。
HTML代码：CSS代码：效果如下：如果display属性设置为block，则表示显示标题。
同时可以将标题转换为块元素进行显示，标题占据独占行，并且可以设置宽度和高度属性。
HTML代码：CSS代码：效果如下：如果display属性设置为inline，则指定对象为内联元素。
此时，对象的宽度和高度属性不再有效，元素大小取决于实际内容大小。
HTML代码：CSS代码：效果如下：Visibility属性用于设置或获取对象是否应该显示。
与显示属性不同，该属性保留隐藏对象所占用的物​​理空间。
该属性默认值为visible，设置的对象也是visible。
当visibility属性设置为hidden时，标签对象被隐藏，但对象占用的位置空间被保留。
HTML代码：CSS代码：效果如下：overflow属性用于检索内容或指定当对象的内容超出其指定的高度和宽度时如何管理内容。
Overflow默认值为visible，用于显示实际效果，而不剪切掉内容。
HTML代码：CSS代码：效果如下：隐藏溢出值时，超出对象大小的内容会被截掉，不显示滚动条。
HTML代码：CSS代码：效果如下：如果溢出值是滚动，作用是修剪超出对象大小的内容，并以滚动条的形式显示超出的内容。
HTML代码：CSS代码：效果如下：当溢出值为“Auto”时，作用是剪切内容，必要时添加滚动条。
该值是正文对象和文本区域的默认值。
HTML代码：CSS代码：效果如下：

常用CSS代码大全（工作必备）

当使用HTML+CSS布局您的网站时，无需记住每个属性或代码。
通过总结，可以轻松回顾和分享。
下面是一些常用的CSS代码：1.文字设置1.设置字体大小：font-size：字体大小参数2.设置字体样式：font-style：字体格式字体3.设置字体粗细：font-weight：字体粗细;4.设置文本颜色：color：颜色参数2、通过t设置超链接的文本链接样式ext-decoration属性由以下参数控制：1、文本下划线：下划线；2、文本下划线：下划线；3、删除线文字：删除线；不显示任何效果：无；三、背景设置1、设置背景颜色：背景：颜色参数；2.设置背景图片：背景图片：url（URL）；3、控制背景图片的重复：background-repeat：参数（无重复、重复-x、重复-y）；4.制作背景固定图片：d-附件背景：固定；4.块布局1.设置单词之间的间距：spacingBetweenletter：字母之间的间距2.设置字母之间的间距：spacingaround3.设置文本对齐方式：text-align:leftright|中心|证明；4。
设置垂直对齐方式：Vertical-align:top|bottom|text-top|text-bottom|baseline|middle|sub|super;5、设置文本缩进级别：text-indent：缩进距离；:space:没有rmal|pre|nowrap;5.盒子样式1.设置元素的高度：height:height2.设置元素的宽度：width:width3.设置内边距：padding:顶部和底部内边距，左；和右填充；4、设置边距：边距：上边距、右边距、下边距、左边距5、设置浮动：fl；燕麦：左|右|无；6.清除浮动：clear:left|right|both；六、边框设置1、设置边框样式：border-style:none|dotted|dashed|solid|double;:border-width:上边框宽度、右边框宽度、下边框宽度、左边框宽度3.设置边框颜色:border-color:上边框颜色、右边框颜色、下边框颜色、左边框颜色7.使用列表样式对于列表；style-type属性控制列表的样式。
请注意，不同的浏览器可能会有差异。
使用背景图像来统一风格通常是个好主意。
8.鼠标样式通过光标属性设置鼠标形状。
常见参数包括手形、十字形、文字形、沙漏形、对角箭头形、问号形等。