美文网首页
html+css基础

html+css基础

作者: J_L_L | 来源:发表于2017-03-01 21:36 被阅读0次

    1,图片alt属性,替换内容
    2,<a href="网址" title="悬停文本" taget="-blank">超链接文字</a>
    3,有序列表,无序列表,
    4,定义列表dl dt dd
    5,<input type="text"/>文本框
    <input type="password"/>密码框
    <input type="radio"/>单选按钮
    <input type="checkbox"/>复选框

    6,下拉列表

    <select>
    <option></option>
    <option></option>
    <option></option>
    </select>

    7,多行文本框

    <textarea cols="列数" row="行数"></textarea>

    8,三种按钮

    <input type="button"/>普通按钮
    <input type="submit"/>提交按钮
    <input type="reset"/>重置按钮

    9,label标签

    <input type="radio" name="sex" id="nan"/><label for="nan">男</label>
    input元素要有一个id,然后label标签就有一个for属性,和id相同,就表示绑定了,这个label和input就有绑定关系了,点击文字能选择

    10,字符实体

    &lt <
    &gt >
    &nbsp 空格,防止空白折叠现象

    11,脱离文档流

    浮动(性质:脱标,贴边,字围,收缩,浮动的元素可以设置宽高)
    绝对定位
    固定定位

    12,清除浮动方法

    A,给浮动的元素的祖先元素设置高度
    B,clear:both(但margin会失效)
    C,隔墙法,(在两部分浮动元素中间加一道又clear:both,和高度的盒子)
    D,overflow:hidden

    E,内墙法(奇淫技巧)

    13,margin
    14 ,margin:0 auto
    15,a标签
    16,background属性
    17,相对定位(相对自己原来的位置进行调整)不脱标,老家留坑,形影分离。
    18,绝对定位

    #######脱标,可以设置宽高
    #######参考点
    如果用top描述,定位参考点是页面的左上角

    如果用bottom描述,定位参考点是浏览器首屏窗口尺寸,对应的页面的左下角


    #######以盒子为参考点(子绝父相)
    #######绝对定位的盒子居中

    19,固定定位(相对浏览器窗口定位,脱标 ,IE6不兼容)
    20,z-index

    相关文章

      网友评论

          本文标题:html+css基础

          本文链接:https://www.haomeiwen.com/subject/wcmcgttx.html