问: 假设我有这个脚本: export.bash #!...echo $VAR 有没有一种方法可以通过只执行 export.bash 而不 source 它获取 $VAR? 答: 不可以。 但是有几种可能的解决办法。...在调用 shell 的上下文中执行脚本: $ cat set-vars1.sh export FOO=BAR $ . set-vars1.sh $ echo $FOO BAR 另一种方法是在脚本中打印设置环境变量的命令...-f 指 shell 函数 -n 从每个(变量)名称中删除 export 属性 -p 显示所有导出变量和函数的列表 ---- 参考: stackoverflow question 16618071...help eval 相关阅读: 用和不用export定义变量的区别 在shell编程中$(cmd) 和 `cmd` 之间有什么区别 ----
*/ a:visited{ color:orange; } /*鼠标悬停,放到标签上的时候*/ a:hover{ color:green...; } /*鼠标点击链接,但是不松手的时候*/ a:active{ color:black; 记住,在css中,这四种状态必须按照固定的顺序写...看一下这四种状态的动图效果: ? 超链接的美化 问:既然a{}定义了超链的属性,和a:link{}定义了超链点击之前的属性,那这两个有啥区别呢?...我们发现,当我们在定义a:link和 a:visited这两个伪类的时候,如果它们的属性相同,我们其实可以写在一起,用逗号隔开就好,摘抄如下: .nav ul li a{...但是前端开发工程师在大量的实践中,发现不写link、visited也挺兼容。写法是: a:link、a:visited都是可以省略的,简写在a标签里面。
对于css代码,我来逐个讲解 一:解决高度坍塌(清除浮动) 因为一级菜单我是用ul li来做的,虽然ul是块级元素(display: block;)...,它的height默认值为auto,此时,它的高度不会计算不考虑浮动元素;由于ul里面只有li元素,所以会导致一个悲剧,ul元素的height为0 高度坍塌解决办法: (在html中,我给ul元素一个类选择器...= 内容区 + 填充区 边框盒 border-box = 内容区 + 填充区 + 边框 所以效果上来看就是:一级菜单中的5个元素,在水平方向上各占20% 我给一级菜单的li元素还设置了一个属性:相对定位...一般,页面上只显示一级菜单,需要点击一级菜单,才会出现相应的二级菜单 需要用到伪类:hover 鼠标悬停在元素上时的样式 (在html中,我给一级菜单的第四个li元素设置了一个选择器.submenu...; } 补充一嘴:在css中书写选择器时,比如: nav .topnav>li:hover 选中nav元素下的.topnav元素的子元素li,并且有鼠标悬停在上面 空格,选后代元素 >,选子元素 自此,
怪异模式下,在表格中的字体样式(如 font-size )不会继承。 怪异模式下颜色值必须使用十六进制标记法。 3....对元素语义化的目的是为了让元素的语义和呈现分离,元素只负责文档内容的结构与含义,而 CSS 样式控制内容的呈现,像 元素,没有语义但却能将字体变粗,这类元素违背了语义化的目的,将会被废弃。...,是可独立分配的、可复用的结构,如在发布中,它可能是论坛帖子、杂志或新闻文章、博客、用户提交的评论、交互式组件,或者其他独立的内容项目; nav 描述一个含有多个超链接的区域,该区域包含跳转到其他页面或页面内部其他部分的链接列表...; section 表示文档中的一个区域(或节),比如,内容中的一个专题组; main 定义文档的主要内容,该内容在文档中应当是独一无二的,不包含任何在文档中重复的内容,比如侧边栏,导航栏链接,版权信息...理由如下: 当鼠标悬停在未访问的链接上时,:link 和 :hover 都会命中,如果 :hover 在 :link 之前声明,那么(:hover)就会被覆盖; 当鼠标悬停在已访问的连接上时,:visited
在jQuery中创建二级菜单的显示和隐藏可以通过使用事件处理函数和CSS样式来实现。HTML 结构 首先,需要创建适当的HTML结构来表示二级菜单。一种常见的方法是使用嵌套的和元素。...>上述示例中,我们创建了一个包含两个菜单项和对应的二级菜单的导航栏。...示例代码如下:nav ul ul { display: none; /* 默认隐藏二级菜单 */}nav ul li:hover > ul { display: block; /* 鼠标悬停时显示二级菜单...然后,通过为父级菜单项设置:hover伪类选择器,当鼠标悬停在菜单项上时,显示相应的二级菜单。...我们使用hover()方法来绑定鼠标悬停事件。
前言在之前的十几篇文章中,整个BuildAdmin后台管理系统完成了layout布局、菜单栏、tabs标签栏的设计,那么后端管理系统整体框架的最后一个部分就是导航菜单栏。...tab栏在左侧,导航菜单栏在右侧,在BuilderAdmin中,一个设计了7个功能模块。7个按钮分别对应的是:回到首页、中英文切换、浏览器全屏、运行终端命令、清除缓存、个人信息、系统设置。...回到首页这个模块还是比较简单的,在BuildAdmin中这个回到首页的功能是:打开一个新的标签页,回到BuildAdmin的官网首页。...实现原理就是点击一下,跳转到BuildAdmin的首页,也就是一个\标签。在vue的架构中,使用router来实现跳转。我在这里的设计是回到/首页,也就是dashboard。...但是我有担心误点击导致数据丢失,所以保持当前标签页不变动,在新标签页回到首页。
导航区域在导航栏最右侧不超出导航栏,高60px,宽度500px,里面是5个导航菜单项横向排列,每个宽度100px,高60px。...导航栏的背景颜色为#D7719B,字体大小为24px,链接颜色为白色,鼠标悬停时菜单项背景色变为橙色。以下是使用 HTML 和 CSS 实现上述要求的导航栏的示例代码:HTML:<!...: orange;}在上述代码中,我们使用了 HTML 创建了一个导航栏,其中包含一个背景颜色为#D7719B的容器nav-bg和一个包含导航菜单项的容器nav-links。...链接的文本颜色为白色,当鼠标悬停时,背景颜色会变为橙色。通过使用 CSS,我们可以美化和定制导航栏的外观,使其符合我们的需求。你可以根据自己的喜好进一步调整样式,例如更改颜色、字体、边框等。...例如,你可以添加更多的样式规则来调整卡片的布局、颜色、字体等。此外,确保将图片文件正确放置在相应的路径中,以便在页面上正确显示图片。
举个例子,在WCAG准则2.3.2中规定:网页不包含任何闪光超过3次/秒的内容。 用户应该能够使用台式机/笔记本电脑上的键盘以及移动设备或平板电脑上的触摸屏来操作输入。...在下面的图中,我模拟了两个按钮的不同情况。在左侧,按钮更小,更远,用户需要更多的时间与它互动。在右侧,按钮大小更大,更接近于它的同级输入元素,这将使交互更容易、更快。 ?...我把鼠标悬停在按钮上,光标仍然是一个指针,这很好。不过,我也可以选择文本和悬停时,有一个文本光标!如果使用了正确的元素,就不会发生这种情况。 ?...章节标题 在某些情况下,需要在章节标题的远端添加“查看更多”按钮或箭头。 在下面的示例中,我将箭头放置在假圆中,以便可以正确地使箭头居中。...在下图中,我在菜单按钮中添加了:after伪元素: .menu-2:after { content: ""; position: absolute; left: 55px; top: 0
导航区域在导航栏最右侧不超出导航栏,高60px,宽度500px,里面是5个导航菜单项横向排列,每个宽度100px,高60px。...导航栏的背景颜色为#D7719B,字体大小为24px,链接颜色为白色,鼠标悬停时菜单项背景色变为橙色。 以下是使用 HTML 和 CSS 实现上述要求的导航栏的示例代码: HTML: <!...{ background-color: orange; } 在上述代码中,我们使用了 HTML 创建了一个导航栏,其中包含一个背景颜色为#D7719B的容器nav-bg和一个包含导航菜单项的容器nav-links...链接的文本颜色为白色,当鼠标悬停时,背景颜色会变为橙色。 通过使用 CSS,我们可以美化和定制导航栏的外观,使其符合我们的需求。你可以根据自己的喜好进一步调整样式,例如更改颜色、字体、边框等。...例如,你可以添加更多的样式规则来调整卡片的布局、颜色、字体等。此外,确保将图片文件正确放置在相应的路径中,以便在页面上正确显示图片。
不知道各位是都了解 instant.page 网站预加载的脚本,至少我是不知道的,我之前接触过“dns-prefetch”标签,也在部分模板集成了接口,昨天看彧繎博客发现这个这个 instant.page...小朋友你四不四有很多问号?于是乎我就度娘了一下,发现它的作用是可以预加载,用户想访问的页面,用户点击网站链接之前,他们将鼠标悬停在该链接上。...效果演示 经过测试,发现 instant.page 对站内访问速度的提升的确很给力。然而它只会预加载自己的站内链接,而不会预加载其他外链。... 中添加 data-instant-allow-query-string 属性 局部允许:在使用的标签中添加 data-instant 属性(和白名单属性一样) 仅预加载部分指定链接(白名单模式...):如果只想预加载特定的链接,请在 中添加一个 data-instant-whitelist 标签,并通过向其添加 data-instant 属性来标记要预加载的链接。
今天给大家讲解一下layui的三级动态加载菜单含后端代码。 我是最近刚学的layui,非常感谢贤心大神。开发出这么牛逼ui的框架。...声明:KingYiFan前段是渣渣,本次讲解用的前端js并非KingYiFan亲自封装只是稍作修改,非常感谢封装三级菜单CSDN的大神:yufengaotian 下图就是三级菜单效果。...为什么要讲这个呢。 ? yufenggaotian大神也在博客中写道这个问题我就借用一下: ? (图来着yufenggaotianCSDN博客) 前端页面: //直接上代码吧 <!...有什么不懂的可以跟我联系。 ---- 感谢一路支持我的人。。。。。...Love me and hold me QQ:69673804(16年老号) EMAIL:69673804@qq.com 友链交换 如果有兴趣和本博客交换友链的话,请按照下面的格式在评论区进行评论,我会尽快添加上你的链接
"text/css"这条属性,用于告诉浏览器这里是什么格式的代码,但是在HTML5规范中可以不用写。...ID选择器(ID Selector): 使用#加上ID名来选择具有该ID的元素,如 #my-id 会选中id="my-id"的元素。ID在文档中应该是唯一的。...伪类选择器(Pseudo-class Selector): 用来选择元素的特定状态,如 a:hover 选择鼠标悬停在链接上的状态。...❤️id与class命名 id命名唯一,单个标签不允许拥有多个id名,同页面中不存出现重复的id名(id重名会影响js代码获取标签) class命名不唯一,单个标签可以拥有多个class名,不同标签允许使用相同...在HTML中,像素(px)是一种常用的长度单位,用来指定元素的宽度、高度、边距、填充等尺寸。
接上一篇文章中举的摇奖的例子 ,我们追问:为什么区块链技术能节约成本?能节约多大成本?节约成本有什么好处?原来的系统为什么成本高?成本高在什么地方?...能节约成本的原因就是:自证清白。 而节约的成本就是收益啊!能自证清白的区块链系统能将摇奖成本降低到几乎为零。你说有没有生命力? 我们再追问:为什么这个体制就能自证清白而原来的机制就不能自证清白?...金融必将是区块链颠覆的第一个行业,而且现有的金融中心机构已经感受到了区块链的威胁,而且是降维的打击。 公益:人们对公益最大的怀疑就是我捐的钱用在哪儿了。...在平台运转中每笔善款都是一个包裹,在投递过程中,经过每个邮寄节点都会被盖上邮戳,每个邮戳都可以被公开查询。...比如你在淘宝购物,你在阿里就有数据,你用微信消费,腾讯有就你有信用数据,但这两个数据就是孤立的,不共享,还有国家的征信中心数据,都不共享数据。
图片 当我们在浏览网页的时候,描述性的文本通常不会跟在图片之后,而是当我们将鼠标移至图片上时,才会将文本显示出来,这样的好处是,以突显图片为主,并节省布局空间 HTML 结构如下 <div id="content...{width:280px;float:right;color:#993300;font-size:12px;} #footer div.footer-<em>nav</em> ul li{list-style:none;...float:left;margin-top:10px;} 引入 jQuery 库,通过$(this)获取到鼠标所悬停<em>的</em>li元素, 第一个function实现了<em>鼠标悬停</em>在上面的效果,第二个function...).hover(function(){//<em>鼠标悬停</em>在上面实现什么效果 $(this).find("div").stop().animate({ "bottom":...,源码我已经发到了 GitHub Source_code 上了,有需要的同学可自行下载,预览效果可点击 effect
- value: 要发送的修饰符键。值在“Keys”类中定义。...def move_to_element(self, to_element): 鼠标悬停 - to_element: 定位需要悬停的元素 def move_to_element_with_offset...- 如果参数不写,那么是当前鼠标位置 - 如果参数写定位到的元素对象element,那就是这个元素....def send_keys(self, *keys_to_send): 发送到当前焦点元素 要发送的按键。修饰符键常数可以在“Keys”类。...修饰符键常数可以在“Keys”类。 源码可以在以下目录查看:Lib\site-packages\selenium\webdriver\common\action_chains.py
CSS第二天 ---- 选择器进阶: 选择器 作用 格式 示例 ⭕后代选择器 找后代 选择器之间通过 空格 分隔 .nav .mark { css } 子代选择器 找儿子 选择器之间通过 > 分隔 .nav...} ⭕hover伪类选择器 选中鼠标悬停在元素上的状态 :hover a:hover { css } 选择器注意点: 后代选择器中:选择器与选择器之前通过 空格 隔开 子代只包括:儿子 并集选择器:...每组选择器可以是基础选择器或复合选择器,每组选择器通常一行写一个,提高代码的可读性 交集选择器:如果有标签选择器,标签选择器必须写在最前面 hover伪类:鼠标悬停在元素上的状态,设置样式 ---- Emmet...、p、h系列、ul、li、dl、dt、dd、form、header、nav、footer…… ②行内元素:display:inline 一行显示多个 默认宽度/高度是内容的高度和宽度 不能设置高度和宽度...important写在属性值的后面,分号的前面!!important不能提升继承的优先级,只要是继承优先级最低!实际开发中不建议使用 !important 。
本节内容 学会使用路由进行组件切换 ---- 接上上节的内容进行讲解路由的使用 第一步 创建一个父组件和两个子组件 父组件foo.vue 的文件和子组件home.vue和me.vue 第二步 定义路由...VueRouter({ // mode: 'abstract', // weex 中只能使用 abstract 类型 默认可以不写 系统会自动设置为abstract // 定义路由.../ { path: '/user/:id', component: UserView }, // { path: '/', redirect: '/home' } ] }) 第三步 在入口的...nav-item-selected':'nav-item-normal'">我的 <!...A6844CE7-BB6F-43F4-862E-EAFE71797D18.png 路由的作用是在单页面内,进行组件的切换!
Space-Between在一个三列的页眉中无法居中 首先,让我们谈谈三列页眉,因为这是我最常见到实现错误的一种情况。...> 我将所有链接放在页眉的导航标签中。...在我们继续之前,我在ProductHunt上花了几个小时寻找和评估三列页眉。...它们中的大多数使用了我展示的将justify-content属性设置为space-between的技巧(因此,它们的导航并没有真正居中)。...粘性顶部导航栏 我仍然看到一些使用position: fixed实现顶部导航栏,即使sticky是更好的解决方案。 为什么sticky更好呢?
问题描述:在一个react父子组件demo中,实际效果与书写的样式不太一样。 问题复现 直接上代码描述问题: 1....在传统的 web 开发中,最为头痛的莫过于处理 CSS 问题。因为全局性,明明定义了样式,但就是不生效,原因可能是被其他样式定义所强制覆盖。...css的浏览器解析原则 看一个例子: .nav h3 span {font-size: 16px;} 在我们不知道规则的情况下,我们是这样猜测的,按照常人的思维从左到右。...先是找到.nav,然后向下匹配所有的h3和span标签。如果在向下匹配的过程中,没有匹配上的则回溯到上一级继续匹配其他子叶结点。...最后 文章首发于:为什么我的样式不起作用? 参考:浏览器渲染原理与过程 参考:CSS选择器从右向左的匹配规则 DEMO地址
博客园允许用户设置多样化的主题。通过选择皮肤,然后开启JS脚本权限,在设置里面植入跟皮肤配套的CSS、JS,并且禁用默认的CSS,即可实现个性化的界面风格和交互行为。...页面定制CSS代码 这里我选择的是 Cnblogs-Theme-SimpleMemory V2.1.0 版本 @import url(https://cdn.jsdelivr.net/gh/BNDong.../Cnblogs-Theme-SimpleMemory@2.1.0/dist/simpleMemory.css); 注意: 页面定制CSS代码我使用的是外链导入形式(免费jsdelivr cdn...(我个人的,可以自己建一个iconfont项目维护使用) fontIconExtend: "//at.alicdn.com/t/c/font_3603036_keyavmcqbhn.css"...加载的 js 脚本,要和 上一步的CSS外链同一个版本(这里是V2.1.0),否则可能会不生效或者出现别的问题 最后 主题相关文件(css\js等)可以自己托管维护,可以自行扩展界面交互 图片等静态资源可以自行寻找免费图床
领取专属 10元无门槛券
手把手带您无忧上云