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

      

  • 相关阅读:
    框架面试题
    Mybatis的配置文件
    better-mybatis-generator逆向工程
    mysql-5.7.26-linux-glibc2.12-x86_64.tar.gz的安装与配置
    apache-tomcat-8.5.40.tar.gz的安装与配置
    Linux系统的CentOS 7安装,Linux系统的登陆, VMware 12(32/64位)下载地址,VMware 15(32/64位)下载地址,安装VMware 12
    jdk-8u211-linux-x64.tar.gz的安装
    Javaweb的学习笔记(部分总结)
    蜂窝背景页面特效
    Linux操作系统ip的设置和vm快照
  • 原文地址:https://www.cnblogs.com/cd115703/p/4893597.html
Copyright © 2011-2022 走看看