visited

博客园页面定制

眉间皱痕 提交于 2020-04-20 08:36:27
博客园页面定制CSS代码 起因是看到Alex的博客和我的傻乎乎的博客不一样,心血来潮在百度搜到了Penn000的博客页面定制。顿时惊为天人,赶紧拜读以及Copy了过来,现在博客好看了许多,写笔记也有动力了 原博主的连接: https://www.cnblogs.com/Penn000/p/6947472.html 首先把下面的css复制到“管理->设置->页面定制CSS代码”里,其次在设置模板要选darkgreentrip就可以了。 页面定制CSS代码 #home { margin: 0 auto; width: 80%;/*原始65*/ min-width: 980px;/*页面顶部的宽度*/ background-color: rgba(245, 245, 245, 0.7); padding: 30px; margin-top: 50px; margin-bottom: 50px; box-shadow: 0 2px 6px rgba(100, 100, 100, 0.3); } body { background: rgba(12, 100, 129, 1) url('http://images.cnblogs.com/cnblogs_com/Penn000/1013849/o_fr.jpg') fixed no-repeat; background-position:

POJ2488 A Knight's Journey【DFS】

心已入冬 提交于 2020-04-16 13:37:44
【推荐阅读】微服务还能火多久?>>> A Knight’s Journey Time Limit: 1000MS Memory Limit: 65536K Total Submissions: 58714 Accepted: 19998 Description Background The knight is getting bored of seeing the same black and white squares again and again and has decided to make a journey around the world. Whenever a knight moves, it is two squares in one direction and one square perpendicular to this. The world of a knight is the chessboard he is living on. Our knight lives on a chessboard that has a smaller area than a regular 8 * 8 board, but it is still rectangular. Can you help this adventurous knight to make

CSS基础知识巩固你的前端基础

别等时光非礼了梦想. 提交于 2020-04-11 13:11:20
CSS基础知识 css ,英文 Cascading Style Sheets ,中文名:级联样式表。层叠样式表。 css 是一种表现语言,是对网页语言的补充。 css 用于网页的风格设计,包括字体,颜色,位置等。 css 使用的4中方式:引入外部样式文件,导入外部样式文件,使用内部样式定义,使用内联样式定义。 引入外部样式文件: <link type="text/css" rel="stylesheet" href="css样式文件的url"/> 导入外部样式文件: <style type="text/css"> @import "css样式文件的url"; </style> 使用内部样式定义: <style type="text/css"> div { background-color: #ffffff; width: 300px; height: 300px; } </style> 使用内联样式定义: <div style="background-color: #ffffff; width: 100px; height: 100px;"> </div> css的两个特性:层叠,继承 层叠:层叠样式生效的优先级: 内联样式->内部样式->外部样式->浏览器默认效果。 继承,就是css属性可以从父元素向下传递到子元素。 css 的选择器 元素选择器,是最简单的选择器。 通配符选择器

002-css汇总

倾然丶 夕夏残阳落幕 提交于 2020-04-07 19:23:14
css-层叠样式表(Cascading Style Sheets) 标记语言;css样式表/级联样式表 设置页面文本内容 HTML: 超文本标记语言 ,用来制作网页的一门语言。有标签组成 语法规范 选择器及N条声明 h1{color:red;} 选择器:用于选择标签 基础选择器:单个选择器组成 标签选择器:html标签名 类选择器:class属性 id选择器:id属性,一般与js搭配 通配符选择符:选取所有元素* 复合选择器 后代:包含选择器 element element 子元素 element>element 并集 element,element 伪类 链接-:link,:hover,:visited,:active(LVHA顺序声明) :focus选取获得焦点的表单元素 字体 font-family字体 font-size字体大小 font-weight字体粗细 font-style文字样式(斜体) 复合属性(size与family不可省略) font:font-style font-weight font-size/line-height font-family; font: 16px/28px 'Microsoft Yahei' 文本 color颜色 text-align水平对齐 text-decoration装饰文本(none无下划线underline、删除线line

CSS基础知识

瘦欲@ 提交于 2020-04-06 18:24:29
CSS基础知识 css ,英文 Cascading Style Sheets ,中文名:级联样式表。层叠样式表。 css 是一种表现语言,是对网页语言的补充。 css 用于网页的风格设计,包括字体,颜色,位置等。 css 使用的4中方式:引入外部样式文件,导入外部样式文件,使用内部样式定义,使用内联样式定义。 引入外部样式文件: <link type="text/css" rel="stylesheet" href="css样式文件的url"/> 导入外部样式文件: <style type="text/css"> @import "css样式文件的url"; </style> 使用内部样式定义: <style type="text/css"> div { background-color: #ffffff; width: 300px; height: 300px; } </style> 使用内联样式定义: <div style="background-color: #ffffff; width: 100px; height: 100px;"> </div> css的两个特性:层叠,继承 层叠:层叠样式生效的优先级: 内联样式->内部样式->外部样式->浏览器默认效果。 继承,就是css属性可以从父元素向下传递到子元素。 css 的选择器 元素选择器,是最简单的选择器。 通配符选择器

【Vue3.0】开发遇到的坑....

二次信任 提交于 2020-04-05 19:17:15
1. ESLint 每行两个空格; 最后一行要一次回车; 2. 路由懒加载 当打包构建应用时,Javascript 包会变得非常大,影响页面加载。 如果我们能把不同路由对应的组件分割成不同的代码块,然后当路由被访问的时候才加载对应组件,这样就更加高效了 which is lazy-loaded when the route is visited. component : () => import ( /* webpackChunkName: "about" */ "../views/About.vue" ) 3. 数据绑定 <li :class="{ current: isActive, selectLi: isActive }" v-for="item in menutab" :key="item.id" > {{ item.txt }} </li> 在样式绑定:class="{ current : isActive, selectLi : isActive }"时, 其中样式不能加引号。 来源: oschina 链接: https://my.oschina.net/90design/blog/3216560

迷人的算法-剑指offer面试题12: 矩阵中的路径

霸气de小男生 提交于 2020-03-09 17:49:49
文中源码链接,欢迎star,共同维护代码: https://github.com/caozhixin/algorithms-and-data-structures 面试题12: 矩阵中的路径 请设计一个函数,用来判断在一个矩阵中是否存在一条包含某字符串所有字符的路径。 路径可以从矩阵中的任意一格开始,每一步可以在矩阵中向左、右、上、下移动一个。 如果一条路径经过了矩阵的某一格,那么该路径不能再次进入该格子。 例如: 3*4 的矩阵中包含一条字符串 “bfce” 的路径(路径中的字母用下划线标出) 但矩阵中不包含字符串 “abfd” 的路径, 因为字符串的第一个字符 b 占据了矩阵的第一行第二个各自以后,路径就不能再次进入这个格子。 a b c e s f c s a d e e 思路: 回溯法,使用递归。 1. 将 matrix 字符串映射为一个字符矩阵( index = i * cols + j ) 2. 遍历 matrix 的每个坐标,与 str 的首个字符对比,如果相同,用 visited 做标记, matrix 的坐标分别上、下、左、右、移动(判断是否出界或者之前已经走过 [visited 的坐标为 true] ), 再和 str 的下一个坐标相比,直到 str 全部对比完,即找到路径,否则找不到。 要点: 1 、定义 row 、 column 生成矩阵 2

【Java Web_02】CSS

匆匆过客 提交于 2020-02-27 20:26:15
一、CSS与HTML的连接方式 1. 概述 * Cascading Style Sheets 层叠样式表 * 好处 降低耦合度 样式增强 2. 内联样式 ① 格式 <div style="color:red;" >hello world</div> ② 注意 * 任何标签都有 style 属性【一般不使用内联样式】 * 作用范围为当前标签体 3. 内部样式 ① 格式 <head> <style> div { color:red; } </style> </head> <body> <div>hello world</div> </body> ② 注意 * 内部样式 css 写在 head 的 style 中 * 作用范围为当前页面 4. 外部样式 ① 格式 /* * css.css文件 */ div { color:red; } <head> <link rel="stylesheet" type="text/css" href="./css.css" /> </head> <body> <div>hello world</div> </body> ② 另 <style> import "./css.css"; </style> ③ 注意 * 作用范围为引用了该样式的页面 二、CSS选择器 1. 元素选择器 ① 格式 div { 属性:值 ··· } ② 注意 *

Style siblings of visited

半腔热情 提交于 2020-01-15 08:56:08
问题 I have HTML looking something like this: <ul> <li> <a></a> <a></a> <a></a>... </li> </ul> I want to apply a style to all sibling links of the visited link. I tried: ul>li>a:visited ~ a{ color: green !important; } And nothing happens. But ul>li>a:first-child ~ a{ color: green !important; } works perfectly fine. Applying a style to <li> with a visited link works for me, too. 回答1: Tried to hack the above a bit, this selector should work. Here, am trying to select the sibling of any a nested

styling visited links belonging to a class

谁都会走 提交于 2020-01-06 15:42:12
问题 I cannot find a way to style a:visited but only those belonging to .extern . a:visited.extern doesn't work and neither does a.extern:visited (I' using Mozilla Firefox 43.0.1 for Linux x86_64) The reason is I have a small icon I'd like to add to .extern links, and I want to change its url() when the link is visited. <style> a.extern { padding-right:1.3em; background-repeat: no-repeat; background-attachment: scroll; background-position: right center; background-clip: border-box; background