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:block CSS+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的全部部分设置背景色。