zoukankan      html  css  js  c++  java
  • 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

      

  • 相关阅读:
    2. 替换空格
    1.二维数组中的查找
    《STL源码剖析》相关面试题总结
    STL详解
    java之Stack详细介绍
    ArrayList、LinkedList、Vector的区别
    记一次vue升级element-ui的体验
    nestJs项目打包部署的方法
    Echarts 图例 legend formatter 如何返回 html
    微信小程序echarts字体大小 真机和开发者工具不一致(太小)的解决办法
  • 原文地址:https://www.cnblogs.com/cd115703/p/4893597.html
Copyright © 2011-2022 走看看