zoukankan      html  css  js  c++  java
  • HTML+CSS总结

    一,html(超文本标记语言)
    标记: <开头标记 属性="属性值"> 网页内容</结束标记>
    网页: html标记和网页内容
    二,标记
    文本段落格式:
    <hn></hn>
    <p>
    <br>
    <hr>
    <center>
    <pre>
    <body bgcolor="" background="" align="">

    文本显示效果
    <font>
    <b>
    <i>
    <u>
    <s>
    <sup>
    <sub>

    列表
    <ul type="circle/disc/square">
    <li></li>
    .....
    </ul>

    <ol type="1/a/A/i/I" start="4">
    <li></li>
    ....
    </ol>
    图片,视频,音频

    <img src="" border="" width="" height=""/>
    <embed src=""/>
    <bgsound src="" />

    超链接
    <a href="本地/网址/锚点" >文本</a>

    表格
    <table border="" bordercolor="" bgcolor="" background="" rules="" frame="" cellspacing="" cellpadding="" align="" height="" width="">
    <caption></caption>
    <tr>
    <th rowspan=""/colspan=""></th>
    .....
    </tr>
    <tr>
    <td></td>
    </tr>
    </table>

    表单

    <form action="" method="">
    <input type="text/password/radio/checkbox/file/hidden/button/submit/reset" id="" name="" value=""/>
    <select id="" name="">
    <option value=""></option>
    ....
    </select>
    <textarea rows="" cols=""></textarea>
    </form>

    滚动
    <marquee direction="" scrollamount="" height="" width="" name=""></marquee>

    框架
    <frameset rows=""/cols="">
    <frame src="" name=""/>
    .....
    </frameset>

    <iframe height="" width="" frameborder="" scrolling=""> </iframe>

    三,css(层叠样式表单)
    1,行内样式
    <p style="css" ></p>
    2,内部样式
    <style type="text/css"> css样式</style>
    3,外部样式
    <link type="text/css" rel="stylesheet" href="">

    选择器;
    1,标签选择器 标签名
    2,id选择器 #
    3,class选择器 .
    4,通配符选择器 * body #p p #p,p

    css样式属性
    1,字体: color font-size font-family font-weight text-decoration line-height

    2,文本
    3,背景
    background-color background-image background-repeant background-position

    4,列表
    list-style-image list-style-type
    5,边框
    border-color border-style border-width
    6,外补丁
    margin
    7,内补丁
    padding
    8,定位
    postion
    9,布局
    float clear
    10,伪类
    :link :hover :active :visited




  • 相关阅读:
    Oracle创建表空间、创建用户以及授权、查看权限
    zf2 数据库连接
    ZF2.0用户向导 —— 6. 数据库及模型(Models)
    zf2配置
    zend framework2使用教程【一】安装
    config/application.config.php
    zf2\config\application.config.php
    zf2 数据库album demo
    albumController.php
    登录
  • 原文地址:https://www.cnblogs.com/afengboke/p/4610905.html
Copyright © 2011-2022 走看看