首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

标签选择

所以今天我们着重的给大家来讲解一下如何选择标签,以最精简的代码实现我们的页面制作。...本文内容概要: 1 标签的默认样式 2 标签的语义性 3 标签的嵌套规则 4 标签的选用原则 5 合理选择标签的案例展示 一、标签的默认样式 通过这么长时间的页面制作,我们知道在每次制作的时候都需要引入一个叫做...; 标签的语义为定义文档中已被删除的文本; 三、标签的嵌套规则 如上,我们看到了所有标签的含义是什么,也可以通过它们自身的语义性来做相应的选择,做好页面优化工作。...所以在自己会选择标签了之后,小编再为大家整理了一个前端开发中需要遵守的标签嵌套规则。 具体如下: 1) body可以直接包含块状元素、ins、del、script。...五、合理选择标签的案例展示 如下给出的两个案例是我们最常用的页面导航的制作,两种方式对应着两种标签选择方法,各有各的特点。 制作导航栏,直接使用div~a的形式,减少层级的嵌套。如下: <!

1.2K90
您找到你想要的搜索结果了吗?
是的
没有找到

【CSS】CSS 选择器 ① ( CSS 选择器作用 | CSS 选择器分类 | 标签选择器 | 类选择器 | div 与 span 标签 | 多类名选择器 )

文章目录 一、CSS 选择器作用 二、CSS 选择器分类 三、标签选择器 1、简介 2、代码示例 四、类选择器 1、简介 2、类名规范 3、代码示例 4、div 与 span 标签 ① span...标签 ② div 标签 5、多类名选择器 一、CSS 选择器作用 ---- CSS 作用 : 以下面的代码为例 , 先通过 选择器 h3 将 HTML 中的 h3 标签类型选择出来 , 然后为这些标签设置...选择器分类 ---- CSS 选择器 主要分为 : 基础选择器 复合选择器 两种类型 ; CSS 基础选择器 主要分为以下几类 : 标签选择器 类选择器 id 选择器 通配符选择器 三、标签选择器 --...-- 1、简介 标签选择器 是 使用 HTML 标签作为选择器 , 如果 HTML 引入了使用 标签选择器的 CSS 样式 , 那么该 HTML 中的 所有的指定标签 , 都使用该 CSS 样式 ; 标签选择器...标签内容 然后 , 在 CSS 中使用 " .类名 " 作为 类选择器 , 选出设置指定类名的标签 ; .name { color: blue;

2.8K20

批量制作的标签如何选择打印范围

我们在制作条码标签时,批量制作会用到数据库,如果这个数据库的信息量很庞大,那么相应的生成的标签就会很多,一般我们在打印这些标签的时候都是全部打印,但是还有一种情况就是只选择其中的一部分进行打印,下面我们就介绍具体操作方法...首先在软件里打开一个标签,这个标签用到了数据库,通过数据库我们可以看到一共有40条数据。...01.png 点击打印预览,在记录范围处点击红色箭头所指的地方,弹出一个界面,从起始记录和结束记录里选择打印范围。比如我们要打印前20条信息,那么就在起始记录里选择1,结束记录里选择20。...如果需要打印第20条到第40条的信息,那么起始记录里就选择20,结束记录里选择40。 02.png 打印范围选择完成后,就可以开始打印了。

1.2K50

JS设置标签的内容和样式

在学CSS的时候,我们是如何选择到对应的标签进行样式的控制?利用了CSS选择器。那么JS如何在网页中找到相应的标签进行相关的操作?...2 设置样式 现在要对获取到的标签进行设置样式的操作,回顾之前学的HTML与CSS,给标签设置样式有几种方式?我们是不是使用CSS选择器、标签内联来控制标签的样式。...利用className属性给标签设置样式,CSS样式没有出现在标签内,只是给标签添加类名而已; ? 3 获取/设置标签的内容 现在可以利用JS来控制标签的样式,能否利用JS控制标签的内容?...+= '这是我新添加的标签'; 4 课程小结 掌握获取标签的目的是能够利用JS选择到相应的标签,便于对其进行相应的操作; 掌握设置样式的目的是能够利用JS实现对标签样式的控制...2 有两个对象,var o = {num: 1};var p = {num: 2};要求书写一段代码,使得o + p===3为true。

20.3K90

原生JS | 通过类名获取标签

原生JS通过类名获取标签 getElementsByClassName()是原生JavaScript提供的方法,但是并不是所有的浏览器都支持,在ie早期版本的浏览器是不允许通过这个方法获取标签的,因此...通过类名获取标签的思路 首先检测浏览器是否支持getElementsByClassName方法; 对于不支持getElementsByClassName方法的浏览器,通过标签名的方式来获取标签,之后,进行标签的筛选...JS功能代码 1....功能优化 – 缩小选取范围 在此前的代码当中,存在着一个问题:如果通过通配符获取标签,那么所获取的标签数量过于庞大,需要筛选大量的标签,会耗费比较多的时间,此时可以借助第二个参数进行控制,允许用户传入一个参数...此时我们需要将每个类名先拆分出来(将组合的类名拆解成几个具体的类名,如class = "con box"是由con和box两个类名组成的,需要将"con box"拆解成"con"和"box")。 ?

13K60

打印两个或多个同时流水的标签

本文主要讲:实现一组数据由两个或多个流水码组成的方法。...一、多种流水号组合即一个图形由多个流水号组成,其流水属性可以分别不同,比如:一个二维码两个流水号,前面的流水递增,后面的流水递减,举例如下 : 首先参照下图画出一个二维码图形:二、在属性栏的数据选项里选择...“组合数据”,单击“设置”按钮:三、弹出组合数据设置窗口,在数据形式里选择“流水号”选项,输入起始号10000,默认10进制、递增,单击“添加”按钮到组合数据列表框里。...四、再次输入起始号90000,默认10进制、选择递减,单击“添加”按钮到组合数据列表框里,点击“确定”按钮完成设置。五、由于二维码勾选了“显示字符”属性,下图可以看到组合后的数据。

45590

【HTML】HTML 表单 ① ( input 表单控件 | input 标签语法 | input 标签属性 | type 属性 | value 属性 | name 属性 | checked 属性 )

文章目录 一、HTML 表单 二、input 表单控件 1、input 标签语法 2、input 标签属性 3、type 属性 5、value 属性 6、name 属性 7、checked 属性 一...input 表单控件 标签 语法示例 : input 表单控件 标签 是 单标签 ; 2、input 标签属性 input 标签的属性...: type : input 标签的 type 属性 , 用于 设置 控件类型 , 如 : 设置 text 类型 , 就是 输入框 ; name : 控件名称 , 用户自定义的字符串 ; value...: 单选按钮 ; checkbox : 复选框 ; button : 按钮 ; submit : 提交按钮 ; reset : 重置按钮 ; image : 图像按钮 ; file : 文件域 , 选择或保存文件...属性 在一个 HTML 网页中可能存在很多表单 , name 属性是用于标识表单的 ; 后端可以通过 表单 name 属性 , 找到 表单 ; name 属性值是 用户 自定义的字符串 ; 在 单选按钮

7.1K10
领券