• HTML二堂课程表单及CSS基本样式


    1、表单get(数据量小安全系数低)、post(数据量大安全系数高)

    2、表单元素有哪些?

    <table>
    <form action="https://www.baidu.com" method="post">
     <tr><td>用户名:</td><td><input type="text"/></td></tr>
     <tr><td>密码:</td><td><input type="password"/></td></tr>
     <tr><td>喜欢的颜色:</td><td>
      <select>
      <option>---请选择---</option>
      <option>---红色---</option>
      <option>---蓝色---</option>
      </select>
      </td></tr>
      <tr><td>性别:</td><td><input type="radio"/ name="sex" id="m"><label for="m">男</label>
            <input type="radio"/ name="sex" id="f"><label for="f">女</label></td></tr>
      
      <tr><td>喜欢的水果:</td><td><input type="checkbox"/>橘子
              <input type="checkbox"/>香蕉
                                 <input type="checkbox"/>梨子                             
       <tr><td>头像:</td><td><input type="file"/></td></tr>
       <tr><td>个人简介:</td><td><textarea cols="50" row="20"></textarea></td></tr> 
       <tr><td>用户名:</td><td><input type="reset"/></td></tr>
       <tr><td>用户名:</td><td><input type="submit"/></td></tr>
       <tr><td>用户名:</td><td><input type="button" value="我是一般的按钮"/></td></tr> 
      </td></tr>               
    </form>
    </table>

    重置按钮和submit只能在form里面用

    3、iframe网页中嵌套

    <iframe src="http://www.ruanmou.net" height="200px"></iframe>

     

    CSS (一)

    1、 前言

    1) CSS (Cascading Style Sheet)叠层样式表。用于控制网页样式并允许将样式信息与网页内容分离的一种标记性语言。

    2) 样式三种控制方法

    1、 行内样式

    2、 内嵌式

    3、 链接式

    4、 导入样式

    <style>

     @import url(1.css)

    </style>

    2、 CSS 基本语法

    1) CSS选择器

    1、 标记选择器

    2、 类别选择器

    3、 ID选择器

    4、 集体声明

    5、 优先级

    ID>类>标记

    2) CSS继承

    子标记会继承父标记的所有样式,并可以自己修改,但不会影响父标记

    3、 CSS文字效果

    1) 字体

    font-family

    2) 文字大小

    Font-size

    3) 文字颜色

    Color

    4) 文字粗细

    Font-weight

    5) 文字下划线、删除线、定划线

    Text-decoration:underline    /*下划线*/

    Text-decoration:overline     /*顶划线*/

    Text-decoration:line-through; /*删除线*/

    6) 英文字母大小写

    Text-transform:capitalize  /*单词首字大写*/

    Text-transform:uppercase /*全部大写*/

    Text-transform:lowercase /*全部小写*/

    7) 字母间距

    Letter-spacing (默认为normal)

    8) FSCapture使用

    9) 对齐方式

    Left

    Right

    Center

    左对齐

    右对齐

    居中对齐

           

    行间距

    Line-height

      

  • 相关阅读:
    为 WordPress 标签添加 rel="nofollow" 属性
    Discuz X3.2 SEO设置 title 不支持空格的解决方法
    LANMP 如何禁止访问 .htaccess 文件
    Discuz 哪些文件和文件夹需要777权限
    WordPress 模板常用函数
    CSS控制 table 的 cellpadding,cellspacing
    从 Typecho 自定义字段的调用代码看去
    Linux 服务器如何修改 DNS
    Linux 服务器如何禁止 ping 以及开启 ping
    Asp.Net 加载不同项目程序集
  • 原文地址:https://www.cnblogs.com/cd115703/p/4893597.html
Copyright © 2020-2023  润新知