web前端(二)

news2024/10/5 20:22:15

表格标签:

<table>    </table>
  	按照这个顺序:

                    一个可选的 <caption> 元素
                    零个或多个的 <colgroup> 元素
                    一个可选的 <thead> 元素
                    下列任意一个:
                        零个或多个 <tbody>
                        零个或多个 <tr>
                    一个可选的 <tfoot> 元素
单元格合并属性:rowspan 行合并  colspan 列合并

表单标签:

<input >
<input> 的工作方式相当程度上取决于 type 属性的值。如果未指定此属性,则采用的默认类型为 text。

type :button checkbox date email 等

选择器:


通用选择器

    选择所有元素。(可选)可以将其限制为特定的名称空间或所有名称空间。

    语法:* ns|* *|*

    例子:* 将匹配文档的所有元素。
元素选择器

    按照给定的节点名称,选择所有匹配的元素。

    语法:elementname

    例子:input 匹配任何 <input> 元素。
类选择器

    按照给定的 class 属性的值,选择所有匹配的元素。

    语法:.classname

    例子:.index 匹配任何 class 属性中含有 "index" 类的元素。
ID 选择器

    按照 id 属性选择一个与之匹配的元素。需要注意的是,一个文档中,每个 ID 属性都应当是唯一的。

    语法:#idname

    例子:#toc 匹配 ID 为 "toc" 的元素。
属性选择器

    按照给定的属性,选择所有匹配的元素。

    语法:[attr] [attr=value] [attr~=value] [attr|=value] [attr^=value] [attr$=value] [attr*=value]

    例子:[autoplay] 选择所有具有 autoplay 属性的元素(不论这个属性的值是什么)。


选择器列表

    , 是将不同的选择器组合在一起的方法,它选择所有能被列表中的任意一个选择器选中的节点。

    语法:A, B

    示例:div, span 会同时匹配 <span> 元素和 <div> 元素。


后代选择器

    “ ”(空格)组合器选择前一个元素的后代节点。

    语法:A B

    例子:div span 匹配所有位于任意 <div> 元素之内的 <span> 元素。
子代选择器

    > 组合器选择前一个元素的直接子代的节点。

    语法:A > B

    例子:ul > li 匹配直接嵌套在 <ul> 元素内的所有 <li> 元素。

表单练习

 

 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/727938.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

轻量应用服务器5m支持多少人访问?

​  轻量应用服务器5m支持多少人访问?对于网站而言&#xff0c;服务器的带宽肯定是越大越好&#xff0c;但对于用户的钱包则相反&#xff0c;服务器的价格高低与带宽大小、类型也有很大的关系&#xff0c;我们只有选择到合适的带宽才能将轻量应用服务器显得更有性价比&#…

复习V2+V3之——01 前言回顾

前言 Vue的特点 采用组件化的模式&#xff0c;提高代码复用率&#xff0c;让代码更好维护 声明式编码&#xff0c;开发者无需直接操作DOM&#xff0c;提高开发效率 使用虚拟DOM Diff算法&#xff0c;尽量复用DOM节点 虚拟DOM&#xff08;Virtual DOM&#xff09;&#xff1…

JAVA 牛客网 NC32求平方根

题目如图&#xff1a; 先展示代码&#xff1a; import java.util.*;public class Solution {/*** 代码中的类名、方法名、参数名已经指定&#xff0c;请勿修改&#xff0c;直接返回方法规定的值即可*** param x int整型* return int整型*/public int sqrt (int x) {if(x<2)…

递归回溯两个例题:1.数组组合 2.在矩阵中搜索单词

题目1&#xff1a;组合 给定两个整数 n 和 k&#xff0c;返回范围 [1, n] 中所有可能的 k 个数的组合。 你可以按 任何顺序 返回答案。 输入&#xff1a;n 4, k 2 输出&#xff1a; [ [2,4], [3,4], [2,3], [1,2], [1,3], [1,4], ] 解题思路&#xff1a; 1.定…

Mac苹果电脑也可以玩原神了,运行流程,nice~

最近发现了一个很棒的工具&#xff0c;他可以让你的 Mac 苹果电脑运行原神&#xff0c;而且画质和流畅度都是在线的&#xff0c;今天分享给大家 软件名字叫 playCover &#xff0c;根据作者的介绍这款软件最初就是国外的一位博主想在 Mac 上玩原神特意开发的一款软件&#xff…

代码随想录二刷 day45 | 动态规划 之 70. 爬楼梯 (进阶) 322. 零钱兑换 279.完全平方数

day45 70. 爬楼梯 &#xff08;进阶&#xff09;1. 确定dp数组以及下标的含义2.确定递推公式3.dp数组如何初始化4.确定遍历顺序5.举例来推导dp数组 322. 零钱兑换1. 确定dp数组以及下标的含义2.确定递推公式3.dp数组如何初始化4.确定遍历顺序5.举例推导dp数组 279.完全平方数1.…

作为一名研究生/博士生,我应该知道什么

今天分享的是一位深度学习领域的大佬在2020年7月份写的一篇博客&#xff0c;看完或许对有缘的你带来些启发。 英文原址&#xff1a;大佬博客地址 https://theorangeduck.com/page/reproduce-their-results 1&#xff1a;我希望作为一名研究生我知道什么 在我攻读博士学位之初…

vue 多级导航菜单

目录&#xff0c;三个文件 tree-node.vue <template><div class"tree-node-container"><node-content></node-content><divclass"tree-node-children":style"{paddingLeft: indent}"v-if"nextShow">&l…

力扣 47. 全排列 II

题目来源&#xff1a;https://leetcode.cn/problems/permutations-ii/description/ C题解1&#xff1a;这道题需要有两个不同的数组来标记使用过的元素&#xff0c;一个存放同层使用过的元素&#xff0c;根据元素数值来判断&#xff0c;范围为[-10,10]&#xff0c;在同层更新即…

95、基于STM32单片机烟雾温度报警器设计火灾防火检测可燃气体监测系统设计(程序+原理图+任务书+参考论文+开题报告+元器件清单等)

摘 要 本设计采用使用STM32F103作为控制器件&#xff0c;MQ-2型半导体可燃气体敏感元件烟雾传感器作为检测烟雾器件&#xff0c;DS18B20温度传感器作为温度检测器件&#xff0c;蜂鸣器和电源指示灯作为报警器件&#xff0c;继电器作为水泵的控制器件。烟雾报警器主要由烟雾信…

动态多目标优化算法:基于自适应启动策略的混合交叉动态约束多目标优化算法(MC-DCMOEA)求解CEC2015(提供MATLAB代码)

一、动态多目标优化问题 1.1问题定义 1.2 动态支配关系定义 二、 基于自适应启动策略的混合交叉动态多目标优化算法 基于自适应启动策略的混合交叉动态多目标优化算法&#xff08;Mixture Crossover Dynamic Constrained Multi-objective Evolutionary Algorithm Based on S…

mysql sysdate()不走索引问题解析

1.常规比较 结论: SYSDATE()返回执行时间,而NOW()返回时间常量 2.索引比较 结论: 因为SYSDATE()是非确定性的,索引不能用于评估求值引用它的表达式,所以不走索引

隐语1.0正式发布|MVP部署体验包、资源调度框架Kuscia全新亮相!

2023 年 7 月 7 日&#xff0c;在世界人工智能大会组委会办公室指导下&#xff0c;隐语开源社区携手蚂蚁集团和机器之心共同主办的数据要素与隐私计算论坛在上海世博会议中心举行。论坛上&#xff0c;蚂蚁集团隐私计算部总经理、隐语社区负责人王磊发布了隐语 1.0 版本&#xf…

java项目之美食推荐管理系统(ssm+mysql+jsp)

风定落花生&#xff0c;歌声逐流水&#xff0c;大家好我是风歌&#xff0c;混迹在java圈的辛苦码农。今天要和大家聊的是一款基于ssm的美食推荐管理系统。 开发环境&#xff1a; 后端&#xff1a; 开发语言&#xff1a;Java 框架&#xff1a;ssm&#xff0c;mybatis JDK版…

docker环境部署postgres版本nacos

1、docker安装postgres 执行命令&#xff1a;docker pull postgres 拉取最新版postgres 2、查看postgres镜像是否安装成功: docker imags(查看镜像)&#xff0c;可以看到已经拉取到了最新版本 的postgres镜像 3、编辑一个docker-compose.yml文件&#xff0c;账号是postgres&a…

信息化建设的需求下,企业如何部署管理平台?并保障其应用落地?

系统部署已久&#xff0c;为何始终无法落地应用&#xff1f; 随着信息化建设的快速发展&#xff0c;企业高效管理的需求日益增长。传统IT服务缺乏统一管理平台&#xff0c;服务流程不够灵活&#xff0c;运维工作效率低下&#xff0c;亟需一个灵活、高效的运维管理模式。 而在认…

大禹智库:下一代向量数据库——具备可视化的AI 原生云向量数据库

日前&#xff0c;业界正式发布国内首个 具备可视化和自动化的AI 原生云向量数据库 " 据悉&#xff0c;向量数据库专门用于存储和查询向量数据&#xff0c;业界称之为大模型的 " 海马体 "&#xff0c;可解决大模型预训练成本高、没有 " 长期记忆 "、知…

Spring Mvc:初识SpringMvc

编译软件&#xff1a;IntelliJ IDEA 2019.2.4 x64 操作系统&#xff1a;win10 x64 位 家庭版 Maven版本&#xff1a;apache-maven-3.6.3 Mybatis版本&#xff1a;3.5.6 SpringMvc版本&#xff1a;5.3.1 文章目录 一、SpringMvc是什么&#xff1f;二、SpringMvc是如何执行业务流…

OpenGL入门教程——PT1

由于自己不是计算机图形学出身&#xff0c;所以采纳了一些教材、博客、GPT的综合答案&#xff0c;尽可能作为一篇认识图形学&#xff0c;学会OpenGL简单函数库的博客&#xff01;多多包涵 我会从最基础的显示相关知识逐步导入OpenGL 一、屏幕是如何工作的&#xff0c;为什么电…

Apache Doris 0.15.3升级至1.1.5避坑实用总结

概述&#xff1a; ​ Apache Doris 从0.15到1.1.5属于一个大版本升级&#xff0c;部分语法和使用方式也发生了较大的变化&#xff0c;本文除前期兼容性调研&#xff08;可以通过官网查到到一部分兼容性问题&#xff09;已知问题外&#xff0c;生产环境正式升级之后遇到的突发问…