zoukankan      html  css  js  c++  java
  • DIV+CSS设置及问题总结

    HTML 中有用的字符实体

    注释:实体名称对大小写敏感!

    显示结果描述实体名称实体编号
      空格    
    < 小于号 &lt; &#60;
    > 大于号 &gt; &#62;
    & 和号 &amp; &#38;
    " 引号 &quot; &#34;
    ' 撇号  &apos; (IE不支持) &#39;
    &cent; &#162;
    £ &pound; &#163;
    ¥ 日圆 &yen; &#165;
    欧元 &euro; &#8364;
    § 小节 &sect; &#167;
    © 版权 &copy; &#169;
    ® 注册商标 &reg; &#174;
    商标 &trade; &#8482;
    × 乘号 &times; &#215;
    ÷ 除号 &divide; &#247;

    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 visiblevidibilitydisplay

    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
    {
        100%;
        height:100%;
        background-color:#efefef;    
        }
    效果是页面加载后的可见部分被设置了背景色,拖动滚动条后的其余部分均没有被设置背景色。

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

  • 相关阅读:
    上传项目到github上
    app widget设置bitmap时,无作用
    Android Studio 启动app 白屏
    android sqlite 数据库中使用的类型
    android 解决华为系列手机调试时不能打印Logcat日志信息
    android 自定义滚动条图标
    检测邮箱
    js检测是否存在中文
    表单的checkbox选中和取消
    javascript
  • 原文地址:https://www.cnblogs.com/eye-like/p/4627380.html
Copyright © 2011-2022 走看看