zoukankan      html  css  js  c++  java
  • 前端二与css开篇

    表格标签:

    原生的表格都是很丑的,所以我们一般直接使用框架封装好的表格

    表单标签:作为我们阶段比较重要的标签之一,我们需要着重介绍一下,form标签最重要的使用就是为我们向服务端传输数据。

    input标签:前端中多功能小能手,通过type属性值的不同而具有不同的功能。
    <label>
    用户名:<input type="text">
    </label>
    密码:<input type="password">
    时间:<input type="date" name = "time">
    表单提交按钮:<input type="submit">
    表单重置按钮:<input type="reset">
    按键按钮:<input type="button">
    单选框:<input type="radio" name="gender" checked>
    多选框:<input type="checkbox" >惠州
    多选框:<input type="checkbox" >东莞
    文件传输:<input type="file">
    隐藏标签:<input type="hidden">
    select标签:


    textarea标签:

    验证form传输数据:(模块需要下载)


    表单配置: <form action="http://127.0.0.1:5000/index/" method="post" enctype="multipart/form-data">
    form表单提交文件需要注意:
    1.method必须是post
    2.enctype="multipart/form-data"
    enctype类似于数据提交的编码格式
    默认是urlencoded 只能够提交普通的文本数据
    formdata 就可以支持提交文件数据
    补充: 补充两个属性值
    disable 禁用
    readonly只读

    css:层贴样式表:就是给HTML标签添加样式的,让它变的更加的好看。
    我们又开始学习了一门新的语言,所以老规矩,先学注释

    /*单行注释*/
    /*
    多行注释1
    多行注释2
    多行注释3
    */

    css的语法结构:

    选择器 {
    属性1:值1;
    属性2:值2;
    属性3:值3;
    属性4:值4;
    }

    我们首先来介绍一下引入的方式,在之前我们也介绍过相关的方法,所以在这里就给大家一带而过啦~~~~~
    1.style标签内部直接书写
    2.link标签引入外部css文件(最正规的方式 解耦合性强)
    3.行内式

    接下来我们来介绍一下css的选择器

    基本选择器: id选择器: #id{}
    类选择器: .class{}
    元素选择器: 元素{}
    通用选择器: *{}

    组合选择器:我们在前端中将标签的嵌套用亲戚关系来表述层级

    <div>div
    <p>div p</p>
    <p>div p
    <span>div p span</span>
    </p>
    <span>span</span>
    <span>span</span>
    </div>
    div里面的p span都是div的后代
    p是div的儿子
    p里面的span是p的儿子 是div的孙子
    div是p的父亲

    后代选择器:父亲 后代{}
    儿子选择器:父亲>儿子{}
    毗邻选择器:标签+标签{}
    弟弟选择器:兄~弟{}

    属性选择器: 1 含有某个属性
    2 含有某个属性并且有某个值
    3 含有某个属性并且有某个值的某个标签
    [属性]{}

  • 相关阅读:
    eventlet设计模式
    backbone Model调用save方法的时候提交方式
    django form POST方法提交表达
    wordpress简单搭建个人博客
    docker-py环境配置
    EditPlus安装与注册
    xmind安装和升级
    统计学习的相关定义
    LaTeX初识
    flask_mail发送邮件
  • 原文地址:https://www.cnblogs.com/Jicc-J/p/12885165.html
Copyright © 2011-2022 走看看