- 五、伪类选择器分为:链接伪类,结构伪类,伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第1个,第n个元素。伪类选择器书写最大的特点是用冒号(:)表示,比如 :hover 、 :first-child 。a:link 没有点击过的(访问过的)链接 a:visited 点击过的(访问过的)链接 a:hover 鼠标经过的那个链接 a:active 鼠标正在按下... 五、伪类选择器分为:链接伪类,结构伪类,伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第1个,第n个元素。伪类选择器书写最大的特点是用冒号(:)表示,比如 :hover 、 :first-child 。a:link 没有点击过的(访问过的)链接 a:visited 点击过的(访问过的)链接 a:hover 鼠标经过的那个链接 a:active 鼠标正在按下...
- 五、伪类选择器分为:链接伪类,结构伪类,伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第1个,第n个元素。伪类选择器书写最大的特点是用冒号(:)表示,比如 :hover 、 :first-child 。a:link 没有点击过的(访问过的)链接 a:visited 点击过的(访问过的)链接 a:hover 鼠标经过的那个链接 a:active 鼠标正在按下... 五、伪类选择器分为:链接伪类,结构伪类,伪类选择器用于向某些选择器添加特殊的效果,比如给链接添加特殊效果,或选择第1个,第n个元素。伪类选择器书写最大的特点是用冒号(:)表示,比如 :hover 、 :first-child 。a:link 没有点击过的(访问过的)链接 a:visited 点击过的(访问过的)链接 a:hover 鼠标经过的那个链接 a:active 鼠标正在按下...
- 四、并集选择器并集选择器可以选择多组标签, 同时为他们定义相同的样式,通常用于集体声明。并集选择器是各选择器通过英文逗号(,)连接而成,任何形式的选择器都可以作为并集选择器的一部分。使用逗号隔开<!DOCTYPE html><html lang="en"><head> <style> div, p, .pig li { ... 四、并集选择器并集选择器可以选择多组标签, 同时为他们定义相同的样式,通常用于集体声明。并集选择器是各选择器通过英文逗号(,)连接而成,任何形式的选择器都可以作为并集选择器的一部分。使用逗号隔开<!DOCTYPE html><html lang="en"><head> <style> div, p, .pig li { ...
- 三、子选择器子选择器只能选择某一元素的子元素,不能选择其孙子元素,即只能选择器最近一级的元素需要使用大于号(英文状态下)如: <style> .nav>a { color: red; } </style><body> <div class="nav"> <a href="#">我是儿子</a> ... 三、子选择器子选择器只能选择某一元素的子元素,不能选择其孙子元素,即只能选择器最近一级的元素需要使用大于号(英文状态下)如: <style> .nav>a { color: red; } </style><body> <div class="nav"> <a href="#">我是儿子</a> ...
- 一、定义复合选择器是建立在基础选择器的基础上的,对基本选择器进行组合形成的复合选择器可以更精确的,更高效的选择目标元素(标签),精确指出想要选择的标签,避免多选,错选。复合选择器是由两个或多个基础选择器,通过不同方式组合而成的常用的复合选择器:后代选择器子选择器并集选择器伪类选择器 二、后代选择器 1、标签选择器的后代<ol> 加倍方法 <li>我是ol 的孩子</li> ... 一、定义复合选择器是建立在基础选择器的基础上的,对基本选择器进行组合形成的复合选择器可以更精确的,更高效的选择目标元素(标签),精确指出想要选择的标签,避免多选,错选。复合选择器是由两个或多个基础选择器,通过不同方式组合而成的常用的复合选择器:后代选择器子选择器并集选择器伪类选择器 二、后代选择器 1、标签选择器的后代<ol> 加倍方法 <li>我是ol 的孩子</li> ...
- 2、表格 基本使用方法主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理表格最初只是拥有三个标签,table、tr和td标签table:是用来标识这里是表格标签tr:是一行的内容,相当于一整行为单位,是一个大盒子td:是一行中具体的内容, <tabl... 2、表格 基本使用方法主要用于显示、展示数据,因为它可以让数据显示的非常的规整,可读性非常好。特别是后台展示数据的时候,能够熟练运用表格就显得很重要。一个清爽简约的表格能够把繁杂的数据表现得很有条理表格最初只是拥有三个标签,table、tr和td标签table:是用来标识这里是表格标签tr:是一行的内容,相当于一整行为单位,是一个大盒子td:是一行中具体的内容, <tabl...
- 1、链接格式:<a href="http:// www.baidu.com ">百度</a>本例是个外部链接,href为用于指定链接目标的url的地址,我们还可以往a标签里面加target属性target属性分为两种:self 和 blankself是指在点击链接后,在当前页面打开新页面,而不是重新打开一个页面去显示而blank是再建立一个页面去显示新页面当链接地址未知时,我们可以使用“#... 1、链接格式:<a href="http:// www.baidu.com ">百度</a>本例是个外部链接,href为用于指定链接目标的url的地址,我们还可以往a标签里面加target属性target属性分为两种:self 和 blankself是指在点击链接后,在当前页面打开新页面,而不是重新打开一个页面去显示而blank是再建立一个页面去显示新页面当链接地址未知时,我们可以使用“#...
- 5、图像标签使用img标签需要些别的属性,例如:src属性为图片地址,这里实例中的图片使用的是本地文件,相对路径alt标签是在图片加载不出来时,出现的提示文字,提示我们这个图片原本是什么的,加入我图片地址写错的话,alt标签就会发挥作用,如图title标签是当我鼠标悬停,放在图片上时显示的文字,如图我们还能自定义图片的大小,可以添加width宽度属性,或者高度hight属性,当然两者应该选... 5、图像标签使用img标签需要些别的属性,例如:src属性为图片地址,这里实例中的图片使用的是本地文件,相对路径alt标签是在图片加载不出来时,出现的提示文字,提示我们这个图片原本是什么的,加入我图片地址写错的话,alt标签就会发挥作用,如图title标签是当我鼠标悬停,放在图片上时显示的文字,如图我们还能自定义图片的大小,可以添加width宽度属性,或者高度hight属性,当然两者应该选...
- 3、文本格式化标签主要作用是突出重要性,一般情况下全称的,语义更强烈,如:strong、em、ins、del标签语义强于对应的简写b、i、s、ins实现加粗,删除,倾斜,下划线的作用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont... 3、文本格式化标签主要作用是突出重要性,一般情况下全称的,语义更强烈,如:strong、em、ins、del标签语义强于对应的简写b、i、s、ins实现加粗,删除,倾斜,下划线的作用<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" cont...
- 一、什么是HTMLhtml是一门标记性语言全称是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言 (markup language)。html只是用来制作网页的一种语言,由各种各样的标签组成html制作网页,而很多个网页聚集在一起,构成网站二、HTML基本用法1、标题标签共 h1到h6 6... 一、什么是HTMLhtml是一门标记性语言全称是超文本标记语言(Hyper Text Markup Language),它是用来描述网页的一种语言。HTML 不是一种编程语言,而是一种标记语言 (markup language)。html只是用来制作网页的一种语言,由各种各样的标签组成html制作网页,而很多个网页聚集在一起,构成网站二、HTML基本用法1、标题标签共 h1到h6 6...
- 全栈开发实战|人事管理系统的设计与实现(Spring Boot + Vue 3 + MyBatis) 全栈开发实战|人事管理系统的设计与实现(Spring Boot + Vue 3 + MyBatis)
- 概念1、创建 Vue 实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的:let app = new Vue({});在构造函数中传入一个对象,并且在对象中声明各种 Vue 需要的数据和方法,包括:- el- data - methods等等 接下来我们一 一介绍。2、模板或元素每个 Vue 实例都需要关联一段 Html 模板,Vue 会基于此模板进行视图渲染... 概念1、创建 Vue 实例每个 Vue 应用都是通过用 Vue 函数创建一个新的 Vue 实例开始的:let app = new Vue({});在构造函数中传入一个对象,并且在对象中声明各种 Vue 需要的数据和方法,包括:- el- data - methods等等 接下来我们一 一介绍。2、模板或元素每个 Vue 实例都需要关联一段 Html 模板,Vue 会基于此模板进行视图渲染...
- Vue.js 组件是该框架最强大的功能之一,能够扩展 HTML 元素并封装可重用的代码。通过组件系统,我们可以使用独立可复用的小组件来构建大型应用,几乎任何类型的应用的界面都可以抽象为一个组件树。全局组件能够被所有实例使用,注册全局组件的语法格式为:Vue.component(tagName, options),其中 tagName 是组件名,options 是配置选项。注册后,我们可以使用... Vue.js 组件是该框架最强大的功能之一,能够扩展 HTML 元素并封装可重用的代码。通过组件系统,我们可以使用独立可复用的小组件来构建大型应用,几乎任何类型的应用的界面都可以抽象为一个组件树。全局组件能够被所有实例使用,注册全局组件的语法格式为:Vue.component(tagName, options),其中 tagName 是组件名,options 是配置选项。注册后,我们可以使用...
- 编辑 Vue.js 组件的自定义事件可以让子组件向父组件传递数据,非常方便实用。在使用自定义事件时,我们可以使用 v-on 来绑定事件,每个 Vue 实例都实现了事件接口,即使用 $on(eventName) 监听事件和使用 $emit(eventName) 触发事件。此外,在父组件中,我们可以使用 v-on 来监听子组件触发的事件。下面是一个示例,子组件和它外部完全解耦,只需要触发一... 编辑 Vue.js 组件的自定义事件可以让子组件向父组件传递数据,非常方便实用。在使用自定义事件时,我们可以使用 v-on 来绑定事件,每个 Vue 实例都实现了事件接口,即使用 $on(eventName) 监听事件和使用 $emit(eventName) 触发事件。此外,在父组件中,我们可以使用 v-on 来监听子组件触发的事件。下面是一个示例,子组件和它外部完全解耦,只需要触发一...
- 目录Class 属性绑定数组语法Style 属性绑定在 Vue.js 中,我们可以使用 v-bind 来动态设置元素的 class 和 style 样式属性。Class 属性绑定我们可以使用 v-bind:class 设置一个对象来动态切换 class。例如:以上实例中,当 isActive 为 true 时,会显示一个绿色的 div 块,否则不显示... 目录Class 属性绑定数组语法Style 属性绑定在 Vue.js 中,我们可以使用 v-bind 来动态设置元素的 class 和 style 样式属性。Class 属性绑定我们可以使用 v-bind:class 设置一个对象来动态切换 class。例如:以上实例中,当 isActive 为 true 时,会显示一个绿色的 div 块,否则不显示...
上滑加载中
推荐直播
-
华为云云原生FinOps解决方案,为您释放云原生最大价值
2024/04/24 周三 16:30-18:00
Roc 华为云云原生DTSE技术布道师
还在对CCE集群成本评估感到束手无策?还在担心不合理的K8s集群资源申请和过度浪费?华为云容器服务CCE全新上线云原生FinOps中心,为用户提供多维度集群成本可视化,结合智能规格推荐、混部、超卖等成本优化手段,助力客户降本增效,释放云原生最大价值。
去报名 -
鲲鹏开发者创享日·江苏站暨数字技术创新应用峰会
2024/04/25 周四 09:30-16:00
鲲鹏专家团
这是华为推出的旨在和众多技术大牛、行业大咖一同探讨最前沿的技术思考,分享最纯粹的技术经验,进行最真实的动手体验,为开发者提供一个深度探讨与交流的平台。
即将直播 -
产教融合专家大讲堂·第①期《高校人才培养创新模式经验分享》
2024/04/25 周四 16:00-18:00
于晓东 上海杉达学院信息科学与技术学院副院长;崔宝才 天津电子信息职业技术学院电子与通信技术系主任
本期直播将与您一起探讨高校人才培养创新模式经验。
去报名
热门标签