DIV+CSS设置及问题总结

提示：扫一扫查出行
【扫一扫了解最新限行尾号】
复制提示

HTML 中有用的字符实体

注释：实体名称对大小写敏感！

显示结果	描述	实体名称	实体编号
	空格
<	小于号	<	<
>	大于号	>	>
&	和号	&	&
"	引号	"	"
'	撇号	' (IE不支持)	'
￠	分	¢	¢
£	镑	£	£
¥	日圆	¥	¥
€	欧元	€	€
§	小节	§	§
©	版权	©	©
®	注册商标	®	®
™	商标	™	™
×	乘号	×	×
÷	除号	÷	÷

web上方紧贴工具栏的方式
使web上方接触工具栏 * { margin:0; padding:0; list-style:none;}
*代表对所有的HMTL控件进行设置

设置让一个div在页面中居中的办法
设置该div的margin属性的left、right为auto ；如： .div{ margin:1px auto ;}

ul横向排列
1.读取出li 前面的. ul的 list-style: none; 如： #tab ul { list-style: none;}
2.设置ul 横向显示 li的float属性如： #tab ul li {float: left;}

a标签去除下划线： text-decoration:none;

设置table内的td内容不换行： white-space:nowrap;

div visible\vidibility\display

1. visible
visible="false"/要隐藏页面元素的时候要设置其为服务器端控件即runat="server"，作用效果相当于display:none
2.visibility
visibility:visible/元素可见，默认值/
visibility:hidden/元素不可见，但仍然为其保留相应的空间/应用：想要隐藏页面元素，但是为其保留空间
visibility:collapse/只对table对象起作用，能移除行或列但不会影响表格的布局。如果这个值用在table以外的对象上则表现为hidden。/
visibility:inherit/继承上级元素的visibility值。/
3. display
display:none/元素不可见，并且不为其保留相应的位置/应用：隐藏一个元素，将其他元素填充到该元素保留的空间。
display:blockCSS+DIV/表现为一个块级元素（一般情况下独占一行）/
display:inline/表现为一个行级元素（一般情况下不独占一行）/

div全屏背景色设置
描述： div的内容是在载入页面的时候动态加载的，div的高度也会一次动态改变。
原来对div的设置是
.page
{
    width:100%;
    height:100%;
    background-color:#efefef;
    }
效果是页面加载后的可见部分被设置了背景色，拖动滚动条后的其余部分均没有被设置背景色。

改变后的设置：
.page
{
    width:100%;
    height:100%;
    overflow:scroll;
    background-color:#efefef;
    }
加入overflow属性，可对div的全部部分设置背景色。