首页 > 其他分享 >6.选择器进阶与表单标签

6.选择器进阶与表单标签

时间:2024-08-04 22:40:05浏览次数:11  
标签:进阶 -- 标签 元素 表单 input li 选择器

6.选择器进阶与表单标签

1.选择器进阶

ul,li{}:并集选择器,一次选择多个 元素
ul li:空格,这里表示ul后代所有的li标签。
ul>li:大于号是指ul的子代标签li。
伪类选择器:在特定情况下,给标签添加样式。
	hover:当鼠标经过时,触发样式
	active:当鼠标点击时,触发样式
	visited:当访问过此网站。
	link:当味访问的网站时
伪元素选择器:伪元素就是 创建一个假的元素,,不能被选中,不存在网页底层文档中,只能看,不能用,所以性能好
例如:选择器::before{contend:‘内容’}-->在元素前加一个子元素content里面的内容
			元素::after{content:'内容'}-->在元素后加子元素
		作用:如果你希望网页的部分内容不被选用,可以用伪元素选择器。
结构选择器:当有多个元素时,选中指定的元素
	选择器:nth-child(下标){}:选中指定下标的元素数据,默认是从1开始
	选择器:first-child{}:选中第一个子元素
	选择器:last-child{}:选中最后一个子元素。

2.表单(form)

form的属性:
	action=数据提交的位置(数据提交到后天/数据库)
	method=数据提交方式(get/post)默认是get请求
form的功能控件(工具箱):
	input:输入框
	textarea:多行输入框
		共有属性:placeholder--提醒输入内容。
	select:下拉菜单:
		option:下拉菜单选项
    button:按钮,一般是结合js来操作的。
input的类型:
	input:text-->文本框
	input:password-->密码框
	input:checkbox-->多选框
	input:radio-->单选框
	input:submit-->提交按钮
	input:file-->文件上传
	input:reset-->重置功能按钮

3.reset.css

  • 在正常开发中,不会用*因为性能比较差,没有相关样式的标签,也会被覆盖。

    ​ *{

    ​ font-size:16px }
    所以一般团队开发/项目开发中,会先写好一份统一的网页样式文件,叫reset.css 先重设网页,在进行开发

标签:进阶,--,标签,元素,表单,input,li,选择器
From: https://www.cnblogs.com/positive-boy/p/18342355

相关文章

  • 【进阶】树状数组的高阶应用
    1.离线树状数组介绍有一类经典问题:给定一个序列,每次询问一个区间内的元素种类数。这种题的做法有很多:莫队、分块、主席树……在不强制在线的情况下,他们的效率都较低,有一种效率高、空间小的离线做法:离线树状数组。例题:P1972[SDOI2009]HH的项链题目大意给定一个长度为\(n......
  • 多线程-进阶2
     博主主页: 码农派大星.  数据结构专栏:Java数据结构 数据库专栏:MySQL数据库JavaEE专栏:JavaEE关注博主带你了解更多数据结构知识1.CAS1.1CAS全称:Compareandswap比较内存和cpu寄存器中的内容,如果发现相同,就进行交换(交换的是内存和另一个寄存器的内容)......
  • 数组案例练习进阶版---查找数组中的元素
    今天,我们来做一个进阶版的练习,输入一个数字,来判断他在数组中是否存在:这样的话,首先我们就需要有一个能帮助我们输入的工具,那么在Java中它长成什么样子呢?首先我们必须在主方法的第一行写上这样一串代码:Scannerinput=newScanner(System.in); 这样我们就创建了一个输入......
  • 算法进阶指南第一题 a^b
    【模板】快速幂题目描述给你三个整数a,b,pa,b,p......
  • 【Redis 进阶】哨兵 Sentinel(重点理解流程和原理)
    Redis的主从复制模式下,一旦主节点由于故障不能提供服务,需要人工进行主从切换,同时大量的客户端需要被通知切换到新的主节点上,对于上了一定规模的应用来说,这种方案是无法接受的,于是Redis从2.8开始提供了RedisSentinel(哨兵)加个来解决这个问题。一、基本概念由于对Red......
  • MySQL进阶(查询、备份与恢复)
    一、多表联合查询在关系型数据库中,表与表之间是有联系的,所以在实际应用中,经常使用多表查询。多表查询就是同时查询两个或两个以上的表。在MySQL中,多表查询主要有交叉连接、内连接、外连接、分组查询与子查询等5种。1、交叉连接(CROSSJOIN)笛卡尔积交叉连接(CROSSJO......
  • MySQL数据分析进阶(八)存储过程
    ※食用指南:文章内容为‘CodeWithMosh’SQL进阶教程系列学习笔记,笔记整理比较粗糙,主要目的自存为主,记录完整的学习过程。(图片超级多,慎看!)【中字】SQL进阶教程|史上最易懂SQL教程!10小时零基础成长SQL大师!!https://www.bilibili.com/video/BV1UE41147KC/?spm_id_from=333.1007.0.......
  • 神经网络训练(二):基于残差连接的图片分类网络(进阶篇②)
    目录日常·唠嗑3基于ResNet18的优化3.1初步构思3.1.1数据预处理3.1.2批量大小3.1.3参数初始化3.1.4optimizer3.1.5学习速率3.2hyper-parameter测试3.2.1批量大小日常·唠嗑       昨天写完了神经网络训练(二):基于残差连接的图片分类......
  • 在django中以一对一的关系保存表单数据
    我与Django用户模型和自定义配置文件模型具有一对一的关系。我尝试在用户注册时同时保存用户和个人资料数据。但问题是配置文件模型的数据未验证且数据未保存在数据库中这是代码model.pyclassProfile(models.Model):user=models.OneToOneField(User,on_delete=......
  • 谷粒商城实战笔记-115-全文检索-ElasticSearch-进阶-bool复合查询
    文章目录1,must2,mustnot3,should1,must{"query":{"bool":{"must":[{"match":{"gender":"M"}},{"matc......