首页
学习
活动
专区
圈层
工具
发布

(二):CSS伪类:UI伪类、结构化伪类;通过伪类获得子元素的第n个元素;创建一个伪元素展示在页面中;获得最后一个元素;处理聚焦元素的样式

CSS伪类 伪类:伪类这个叫法源自于它们跟类相似,但实际上并没有类会附加到标记中的标签上。...:hover 结构化伪类:会在标记中存在某种结构上的关系时 例如: 某元素是一组元素中的第一个或最后一个,为该元素应用CSS样式。...none;/*取消a标签的下划线*/ } /*用户在链接上按下鼠标时(活动状态),链接颜色为红色*/ a:active { color: red; } /*当input标签获取焦点时,添加下划线*...li { font-size: 20px; } /*:not伪类选择器,设置除了li标签字体颜色为红色,除了id为Java的li标签*/ li:not(#Java) { color: #900;...} /*:target伪类选择器 ,设置目标元素myh1 的背景颜色为红色 */ #myh1:target { background: #900; }

17110

安卓环境下笔记软件总结

(对楷书而言能到95%以上,数字和字母有困难,对行书基本没用,推测是用RNN之类的做的,输入顺序有影响) 这种转换是可以对每一段手写文字进行。...简介 所有你能想到的内容和排版,它都有 总结 总体: 背景是否可变:可以更改颜色,设置基准线和辅助线,但是颜色只能是预设的,且没有黑色(但绿色已经比白色好很多了) 外部是否有标签:有笔记本界面,可以进行搜索...页面布局上有squid的感觉,可以添加页面。 总结 总体: 背景是否可变:可变,可添加颜色或者插入图片 外部是否有标签:有标签,可以根据标签搜索。...手写页面是下拉还是无限:下拉式,但可以放缩 手写笔迹、颜色:笔迹可以调整,颜色可以自由选择,但需要设置中文和字母文字分别进行。...总结 总体: 背景是否可变: 可以,而且可以从相册中选择 外部是否有标签:没有标签,但是有文件夹 手写: 是否支持手写:支持手写,但是只有五种笔,而且不能更改颜色 是否有框选:有框选,但不是很好用

6.5K30
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Web前端中的命名规则

    本文档如有不对或者不合适的地方请及时提出, 经讨论决定后方可更改. 基本准则 符合web标准, 语义化html, 结构表现行为分离, 兼容性优良....所有编码均遵循xhtml标准, 标签 & 属性 & 属性命名 必须由小写字母及下划线数字组成, 且所有标签必须闭合, 包括 br (), hr()等; 属性值必须用双引号包括;...库引入: 原则上仅引入jQuery库, 若需引入第三方库, 须与团队其他人员讨论决定; 3. 变量命名: 驼峰式命名....原生JavaScript变量要求是纯英文字母, 首字母须小写, 如iTaoLun; jQuery变量要求首字符为'_', 其他与原生JavaScript 规则相同, 如: _iTaoLun; 另, 要求变量集中声明...命名全部用小写英文字母 || 数字 || _ 的组合,其中不得包含汉字 || 空格 || 特殊字符;尽量用易懂的词汇, 便于团队其他成员理解; 另, 命名分头尾两部分, 用下划线隔开, 比如ad_left01

    2.8K90

    js如何动态选择和操作 CSS 伪元素,例如 ::before 和 ::after

    这些添加的内容不会出现在DOM中,仅仅是在css渲染层中加入。 它不存在于文档中,所以js无法直接操作它。而jQuery的选择器都是基于DOM元素的,因此也并不能直接操作伪元素。...哪些是伪元素 :first-letter:向文本的第一个字母添加特殊样式。  :first-line: 向文本的首行添加特殊样式。  :before:在元素之前添加内容。 ...::backdrop(处于试验阶段):用于改变全屏模式下的背景颜色,全屏模式的默认颜色为黑色。(只支持双冒号的形式)。...更改伪元素的样式 1、更换class来实现伪元素属性值的更改: // CSS代码 .red::before { content: "red"; color: red; } .green::before...修改伪元素的content属性的值,建议使用利用DOM的 data-* 属性来更改。

    7.8K20

    教你开发jQuery插件(转) 教你开发jQuery插件(转)

    比如$('a')返回的是页面上所有a标签的集合,且这个集合已经是jQuery包装类型了,也就是说,在对其进行操作的时候可以直接调用jQuery的其他方法而不需要再用美元符号来包装一下。.../">我的小站 这是p标签不是a标签,我不会受影响 jquery-1.11.0.min.js"> 更改后我们的插件代码为: $.fn.myPlugin = function() { //在这里面,this指的是用jQuery选中的元素 this.css('color', 'red')...在处理插件参数的接收上,通常使用jQuery的extend方法,上面也提到过,但那是给extend方法传递单个对象的情况下,这个对象会合并到jQuery身上,所以我们就可以在jQuery身上调用新合并对象里包含的方法了...一个好的做法是将一个新的空对象做为$.extend的第一个参数,defaults和用户传递的参数对象紧随其后,这样做的好处是所有值被合并到这个空对象上,保护了插件里面的默认值。

    4.8K10

    什么是JQuery?

    通俗的讲:就是JS的强化版,是新一代的JS,JQuery离不开JS,使用JQuery之前,一定要先引用JQuery文件。...使用JQuery可以减少许多的代码量,减轻工作压力,结构上更加完美,例如: Hello World! 这里有一个h1标签,我现在想选中它,并将“Hello World!”...JQuery中的$(’’)就相当于document.querySelectorAll(’’); $(’’)会选中满足条件的所有元素,就是说有这样两个h1标签: ?...$(‘h1’).css(‘color’,‘red’); 会选中所有的h1标签,并把字体颜色改为红色。 ? 如果你不想让它这么霸道,可以加各种选择器,这才是JQuery的真正强大之处。 ?...我想选中ol下方的所有单数li(第一个和第三个),把背景颜色改为绿色(green),并通过ol选中p标签,为p标签添加文字“JQuery真简单”; 尝试用JS和JQuery各做一遍 结果为: ?

    84410

    成为优秀UI设计师,必须了解的UI设计规范

    4.png 2  文  字 文字,需要标注文字的大小、字体、颜色、透明度、行高等等,当然也可以和开发进行沟通,对一些内容进行删减。...表面上我们将标题文字的大小、颜色这些内容标注清楚就可以了,但是如果标题文字过多的时候该怎么处理呢?所以必须要给出一个极限情况的规范,比如最多显示多少个字符,字符超过极限值就用打点的方式处理。...4  颜  色 需要标注颜色的内容有分割线颜色、背景色、按钮颜色等等。关于颜色的标注需要注意的事项:切记文字的颜色已经归类到文字属性里面,不用重复标注,思路一定要保持清晰。...6.png 1  所有命名全部为小写英文字母 在程序员的代码里只有小写的英文字母,如果你给出的命名全是中文的,那么他们是一定会更改的,所以命名全部用小写的英文字母是最基本的规则。...下面提供一些命名时常用的英文单词列表: bg(backgrond 背景) nav(navbar 导航栏) tab(tabbar 标签栏) btn(button 按钮) img(image 图片) del

    1.3K40

    【CSS】课程网站横版导航栏 ( 横版导航栏测量及样式 | 代码示例 )

    , 竖线中间的文字都是链接标签 , 每个链接标签左右两侧各有 30 像素的间隔 , 这里使用外边距实现 ; 文本的高度和行高继承父元素的样式 , 都为 60 , 会自动垂直居中 , 文本大小为...16 像素 , 颜色为 #050505 ; 最终样式为 : /* 设置 竖线和课程名称所在盒子 的文本颜色 这是所有的文本样式 课程在链接里面 由 a 标签设置样式 除 a 标签外...16 像素 */ font-size: 16px; /* 设置文字颜色 */ color: #00a4ff; } /* 设置 竖线和课程名称所在盒子 的文本颜色 这是所有的文本样式...鼠标经过时 文字颜色变色 */ .subnav li a:hover { color: #00b4ff; } /* 链接内部的 span 标签 , 右浮动 */ .subnav span {...16 像素 */ font-size: 16px; /* 设置文字颜色 */ color: #00a4ff; } /* 设置 竖线和课程名称所在盒子 的文本颜色 这是所有的文本样式

    7.5K30

    Refactoring UI

    或 500,取决于字体) 对于想要强调的文字,可使用较重的字体(600 或 700)时 # 不要在彩色背景上使用灰色文字 在白色背景上,让文字变成浅灰色是一个很好的方法,这是因为我们看到的白底灰效果实际上是对比度降低了...如果觉得侧边栏与主内容区域竞争,就不要给它添加背景色,而是让内容直接位于页面背景上 # 标签是最后的手段 向用户展示数据(尤其是数据库中的数据)时,很容易陷入使用简单的标签:值格式显示数据的陷阱...# 合并标签和数值 即使没有标签的数据并不完全清晰,也可以通过在值上添加说明文字来避免添加标签 如果能将标签和数值合并为一个单元,就更容易在不影响清晰度的情况下为每条数据赋予有意义的样式 # 标签是次要的...3:1 # 翻转对比度 在彩色背景上使用白色文字时, 要达到 4.5:1 的对比度,颜色往往需要很深,这一点会让你大吃一惊 可以通过翻转对比度来解决这个问题,与其在深色背景上使用浅色文字, 不如在浅色背景上使用深色文字...# 更改背景颜色 这对于强调单个板块以及在整个页面部分之间增加一些区别非常有效 如果想要更有活力,你甚至可以使用轻微的渐变色 为了达到最佳效果,应使用相差不超过 30° 的两种色调 # 使用重复图案

    2.3K30

    Qt编写自定义控件55-手机通讯录

    二、实现的功能 1:可设置信息集合(图标+姓名+类型+电话)以及添加单个联系人 2:可设置背景图片+背景颜色 3:可设置右侧导航字母的列表+默认颜色+高亮颜色 4:可设置联系人按钮姓名颜色+姓名字体 5...:可设置联系人按钮类型颜色+姓名字体 6:可设置联系人按钮选中背景颜色 7:可设置字母导航的风格(背景颜色+线条) 8:可设置字母导航的颜色+字体大小 9:可设置各种边距+联系人列数+元素间隔等 10:...telHighBgImage; //高亮标签背景图片 QColor telHighBgColor; //高亮标签背景颜色 QColor telHighTextColor...; //高亮标签文字颜色 QColor telBannerBgColor; //顶部字母导航背景颜色 QColor telBannerTextColor;...//顶部字母导航文字颜色 QColor telBannerLineColor; //顶部字母导航线条颜色 QColor telLetterNormalColor; //

    1.4K10

    最新最全自己动手做一个富文本编辑器(附源码 api)

    命令: backColor: 修改文档的背景颜色。在styleWithCss模式下,则只影响容器元素的背景颜色。这需要一个 类型的字符串值作为参数传入。...注意,IE浏览器用这个设置文字的背景颜色。 bold: 开启或关闭选中文字或插入点的粗体字效果。IE浏览器使用 标签,而不是标签。...heading: 添加一个标题标签在光标处或者所选文字上。 需要提供标签名称字符串作为参数 (例如. "H1", "H6")....(IE 和 Safari不支持) hiliteColor: 更改选择或插入点的背景颜色。需要一个颜色值字符串作为值参数传递。 UseCSS 必须开启此功能。...空白字符也可以(IE会创建一个链接其值为null) insertOrderedList: 在插入点或者选中文字上创建一个有序列表 insertUnorderedList: 在插入点或者选中文字上创建一个无序列表

    3.4K20

    Web前端开发规范手册

    样式表中中文字体名, 请务必转码成unicode码, 以避免编码错误时乱码; 背景图片请尽可能使用sprite技术, 减小http请求, 考虑到多人协作开发, sprite按模块制作; 使用table标签时...不同语种的文字之间应该有一个半角空格,但避头的符号之前和避尾的符号之后除外,汉字之间的标点要用全角标点,英文字母和数字周围的括号应该使用半角括号。...非首页静态页面含图片大小应限定在70K左右,尽可能的使用背景颜色替换大块同色图片。 include asp标准写法 <!...|| ...); 库引入: 原则上仅引入jQuery库, 若需引入第三方库, 须与团队其他人员讨论决定; 变量命名: 驼峰式命名....原生JavaScript变量要求是纯英文字母, 首字母须小写, 如iTaoLun; jQuery变量要求首字符为_, 其他与原生JavaScript 规则相同, 如: _iTaoLun; 另, 要求变量集中声明

    3.3K54

    【程序员的浪漫】七夕到了,还不快给你女朋友做一个专属chrome插件

    除了手机之外,在电脑上使用浏览器搜索想要的东西是最常用的功能了,所以就需要一个打开即用的搜索框,而且还能表达心意的chrome标签页来让 TA 随时可用。...(); function start() { window.requestAnimationFrame(start); style_color += 0.1; //更改背景色hsl...的CDN,所以我们在js中就可以直接使用 $(document).ready方法 土豪金色的标题 为了时刻展示出对 TA 的爱,我们除了在背景中体现出来之外,还可以再文字中体现出来,所以需要取一个充满爱意的标题...这个就是文字后面的静态图片,可以另存为然后使用的哦~ 百度搜索框 对于你心爱的 TA 来说,不管干什么估计都得用百度直接搜出来,就算是看个优酷、微博都不会记住域名,都会直接去百度一下,所以我们需要在标签页中直接集成百度搜索...码上掘金中我已经把jquery的代码、canvas的代码、计算纪念日的代码都放进去了,可以直接复制到自己项目中哦!!! 七夕节快到了,祝愿天下有情人终成眷属!

    1.1K20

    DTC-品牌标志设计总结

    为了更好地传递DTC的专业价值和精神内涵,团队希望打造一个具有独特品牌基因、高传播度的品牌标志,建立团队成员的价值认同与心里印记,同时展现专业可靠的中心形象,有效提升团队影响力。...经过排除,筛选出以下两个方案笔画组合更协调,但从字母识别性上,左边原方案会有理解为“OTC”的误导,所以决定以右边的方案继续深化。...尝试用颜色的方式在图形中进行体现,同时引用腾讯云蓝做为此次品牌的辅助色。 字体 除了在颜色上与腾讯云呼应外,在字体中也尝试引用腾讯云品牌字体做为中心logo字体进行统一。...对图形与文字组合尝试了多种布局方式,从整体协调性上进行对比,最终以方案D做为最终的标准标志。...最终方案效果如下: 应用拓展 职位标签 DTC,涵盖视觉设计、交互设计、UI开发三类角色,通过对标志笔画拆分重组的方式,延展出3个图形做为标签应用。

    1.2K20

    WEB入门三 CSS样式表基础

    很多时候页面中几乎所有的标签都使用相同的样式风格,只有一两个特殊的标签需要使用不同的风格,这时可以使用class选择器与上一节学习的标签选择器来配合使用。如示例3.3所示。 ​...使用Word编辑文字的时候,可以对文字的字体、大小、颜色等各种属性进行设置,从而实现不同的效果。文字是网页中不可缺少的元素,CSS同样可以对HTML中的文字进行全面的设置。...最后一个标签设置文字缩进2em,字体大小为14px,行高为23px。(在网页上,一个em是网页浏览器的基础文本尺寸的高度,它一般情况下是16px。)...图3.2.5 Google Logo效果 ​实现思路​ 通过对各个字母应用不同的文字样式就能达到想要的效果。 ​...,因此组后需要对各个字母分别设定CSS风格,因此加入标签进行控制,并利用CSS控制各个字母颜色。

    60310

    VB中界面设计专项训练【VB学习笔记2020课堂版12】

    D.设计标签控件的backstyle背景样式为0(transparent)是指跟随父窗体,实质就是表示透明。 E.对齐:在菜单---格式--对齐--各类对齐方式。...文字自适应大小:标签控件属性---autosize设置为true G.按钮设置图片或者背景颜色时候,既要设置picture属性,又要设置style属性为graphyic属性 F.shape控件填充颜色,...K.通过编辑工具,可以批量注释代码和批量去掉注释 一些必须记住的关键词 前景色:forecolor 表现形式一般为文字颜色 背景色:backcolor 表现形式一般是控件的整体背景的颜色 frm扩展名...扩展名:属性页文件 边框:border 样式:style 填充:fill 字母快捷键: 制作键盘按键的字母快捷键,显示的字母下面有个下划线,使用符号& 在节目上使用的时候,使用快捷键是alt+相应字母...相关名词: 标签:一般就是指Label控件 弄清楚textbox文本框控件和Label标签控件的区别。

    1.2K20

    看不完的那种!前端170面试题+答案学习整理(良心制作)

    background-clip规定背景,背景颜色和背景图片的绘制区域。...规定背景图片的定位区域 它有三个属性:border-box,padding-box,content-box(它只能对背景做样式上的操作) 12.css3中transition属性值以及含义是 transition...33.jquery中的事件冒泡,怎么执行,如何停止冒泡事件 事件冒泡从里面往外面开始传递。...当鼠标指针放在元素上时,主要作用是显示工具提示。 alt是为图片指定替代文字的属性 alt是在中指定的属性标签,表示图像。 正如我写为替代文本一样,它用于需要文本而不是图像的情况。...image 基线(baseline),指的是一行字横排时下沿的基础线,基线并不是汉字的下端沿,而是英文字母x的下端沿。 ? image ?

    13.1K50
    领券