zoukankan      html  css  js  c++  java
  • 关于HTML学习整理(一)

    新人,自己整理,第一次发,以后慢慢整理,欢迎指点,那些链接怎么做的,希望有人告知一下,谢谢!

    HTML页面写法,标签成对出现,可嵌套使用

    <html>

      <head>

        <title>xxxxx</title>

      </head>

      <body>

      1. 直接写
      2. <div></div>一块区域
      3. <table> <tr><td>xxx</td></tr> </table>表格
      4. <ul> <li></li> </ul>无序列表
      5. <ol> <li></li> </o>有序列表
      6. <dl>  <dt>定义的项(一般放图片)</dt> <dd>对项的描述</dd>  </dl>
      7. <form>........</form>表单
      8. <input ></input>
      9. <iframe></iframe>

      </body>

    </html>

    另一种写法,不常用

    <html>

      <head></head>

      <frameset >

        <frame >

        </frame>

      </frameset>

    </html>

     1.div参数

    id="",class="",样式

    style=="color:blue;text-align:center;height:1px高度;

        1px;margin:1px 1px 1px 1px(边距暂时没有用过);

        margin-left:到父容器左边框的距离。margin-right:到父容器右边框的距离。

        margin-top: 到父容器上边框的距离。margin-bottom:到父容器下边框的距离。

        padding:用于设置div的内边距。

        padding-left:左内边距。padding-right: 右内边距。padding-top; 上内边距。padding-bottom: 下内边距。

        position:(没用过)设置div的定位方式 属性:   

            static:div遵循html规则

            fixed:在IE7与FF中DIV的位置相对于屏屏固定不变,IE6中没有效果(期待高手指点原因)

            relative:top、left、right、bottom来设置div在页面中的偏移,但是此时不可使用层

            absolute:用top、left、right、bottom对div进行绝对定位        

        z-index:设置div的层叠顺序。(dreamweaver里见过,挺好用)",用z-index属性时,position必需要指定为absolute才行

        font:bold 14px 宋体;background-color:Yellow    

        font-family:设置要用的字体名称;

        font-weight:指定文本的粗细,其值有bold bolder lighter等。

        font-size:指定文本的大小。、

        font-style:指定文本样式,其值有italic normal oblique等。

        color:指定文本颜色。

        text-align:指定文本水平对齐方式,其值有center(居中) left  right justify

        text-decorator:用于文本的修饰。其值有none underline overline line-through和blink的组合。 (在IE中无闪烁效果,FF中有效果。期待高手指点,) 

        text-indent:设置文本的缩进。

        text-transform:设置文本的字母大小写。其值有lowercase uppercase capitalize(首字母大写) none。

        overflow:内容溢出控制,其值有scroll(始终显示滚动条)、visible(不显示滚动条,但超出部分可见)、    auto(内容超出时显示滚动条)、hidden(超出时隐藏内容)。

        direction:内容的流向。其值有ltr(从左至右)、rtl(从右至左)。 

        line-height:指定文本的行高。

        Word-spacing:字间距。

        float:设置div在页面上的流向,其值有left(靠左显示)、right(靠右显示)、none。

        background-attachment:背景图像的附加方式,其值有scroll、fixed。

        background-image:指定使有的背景图片。

        background-repeat:背景图象的平铺方式。其值有no-repeat(不平铺)、repeat(两个方向平铺 )、 repeat-x(水平方向平铺)、repeat-y(垂直方向平铺)

        background-position:在div中定位背景位置。其值有top bottom left right的不同组合。也可以以用坐标;"

    隐藏hidden

  • 相关阅读:
    08mybatis映射文件及别名
    2016年阅读书单
    Java的位运算
    Python线程操作
    Java之Jackson框架
    Java线程
    Canvas 知识体系简单总结
    图片轮播
    media页面布局2
    利用@media screen实现网页布局的自适应
  • 原文地址:https://www.cnblogs.com/fzly-88/p/7024655.html
Copyright © 2011-2022 走看看