• HTML3


    样式表的基本概念

    1.样式表分类

    内联样式表;内嵌样式表;外部样式表(用css实现)见P8

    2.选择器

    标签选择器;class选择器;ID选择器;复合选择器

    3.样式表属性

    4应用实例:QQ邮箱注册页面,主要应用表格知识(如下代码)

    <body background="../0818/背景3.jpg">
    <form>
    <table align="center" border="0" cellpadding="0" cellspacing="0">
    <tr height="40">
    <td width="150">邮箱</td>
    <td width="600"><input type="text"/></td>
    <tr height="40">
    <td width="150"></td>
    <td width="600"><font size="-1" color="#666666">需要通过邮箱激活账户,不支持sohu,21cn,sogou的邮箱</font></td>
    <tr height="40">
    <td width="150">登录用户名</td>
    <td width="600"><input type="text"/></td>
    <tr height="40">
    <td width="150"></td>
    <td width="600"><font size="-1" color="#666666">仅在登录时使用,字符数不少于4个</font></td>
    <tr height="40">
    <td width="150">显示名称</td>
    <td width="600"><input type="text"s/></td>
    <tr height="40">
    <td width="150"></td>
    <td width="600"><font size="-1" color="#666666">即昵称,字符数不少于2个</font></td>
    <tr height="40">
    <td width="150">密码</td>
    <td width="600"><input type="password" value="123456789"></td>
    <tr height="40">
    <td width="150">确认密码</td>
    <td width="600"><input type="password" value="123456789"></td>
    <tr height="40">
    <td width="150"></td>
    <td width="600"><font size="-1" color="#666666">至少8位,必须包括字母、数字、特殊字符</font></td>
    <tr height="40">
    <td width="150" rowspan="2">性别</td>
    <td width="600" rowspan="2"><input type="radio" name="xingbie"/>男<br />
    <input type="radio" name="xingbie"/>女</td>
    <tr height="40">
    
    <tr height="40">
    <td width="150">喜好</td>
    <td width="600">
    <select size="1">
    <option>购物</option>
    <option>运动</option>
    <option>唱歌</option>
    <option>吹牛</option>
    </select></td>
    <tr height="40">
    <td width="150"></td>
    <td width="600">
    <tr height="40">
    <td width="150"></td>
    <td width="600">                  <input type="submit" value="注册"></td>
    
    
    </tr>
    </table>
    </form>
    </body>
    

      

  • 相关阅读:
    #Leetcode# 21. Merge Two Sorted Lists
    #Leetcode# 118. Pascal's Triangle
    #LeetCode# 136. Single Number
    #Leetcode# 26. Remove Duplicates from Sorted Array
    #LeetCode# 167. Two Sum II
    #Leetcode# 58. Length of Last Word
    #LeetCode# 35. Search Insert Position
    POJ 2492 J-A Bug's Life
    #Leetcode# 27. Remove Element
    【前端】.easyUI.c#
  • 原文地址:https://www.cnblogs.com/zhangnaitao/p/5797003.html
Copyright © 2020-2023  润新知