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

CSS

*/ CSS选择器(如何找到对应标签) 基本选择器 元素选择器(标签名) p {color: "red";}   那如果有多个p标签,我像其中一个p标签文字颜色改为红了,或者背景改成红色怎么办...; background-color: #eee; #框里面的背景色} 伪元素选择器 (通过css来造标签,不推荐使用) first-letter       常用给首字母设置特殊样式: #将p标签文本第一个字变颜色变大小...继承是一种机制,允许样式不仅可以应用于某个特定元素,还可以应用于后代。例如一个body定义字体颜色值也会应用到段落文本中。...先看这个问题昂:在给c2div标签加上浮动之前是下面这样效果:     并没有给c1那个div标签设置高度,但是发现c1这个div标签是有高度,这是因为里面两个c2div设置高度了,这两个...,然后标签高度宽度设置比较小时候,文字就溢出了:     然后我们就可以设置一下,如果文字溢出了,溢出部分怎么办,设置一个overflow为hidden:     再看效果,溢出文字就不显示

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

js与jQuery区别以及jQuery选择器方法使用

是第二个盒子 然后我们再来看jQuery代码怎么写,首先 我们要找到第一个div然后在修改背景色,那么怎么写呢?...我们先注释一下,那么我们现在可不可以直接设置两个div背景色统一都为红色,来看一下 该怎么写?同样刚才我们分别用id选择器 类选择器 找到了一个div然后设置背景色就可以。...来,我们直接上面的代码再写一遍,选择器改为* 看一下效果: $("*").css({"background":"pink","color":"blue"});,哎呦去,全粉。...我们直接来试一下看看疗效: $("#one p~span").css("color","pink");效果很明显,div中所有p标签同级span标签全部受到影响,其它同级标签不会受到影响 过滤选择器...var address = $("option:selected").html();option标签可以直接这样获取到标签网页文本

15.3K10

HTML CSS 入门

它就像我们熟知 Word 一样,只不过适用于 Web。 HTML 同 Word 一样提供标题、段落、列表、表格、图像、粗体、斜体等文本来构建文档。.../; 当您开始标签结束标签以及两者之间所有内容组合在一起时,就获得了一个 HTML 元素; 标签(尖括号内内容都)不会被显示,仅仅用于区分内容语义并提供一些默认样式; 在哪里写 HTML?...Web 开发人员依靠特定 HTML 标签来增强网页显示: 为整个 HTML 文档定义一种字体 为包含文本定义字体,颜色大小 将所有内容水平居中...CSS 不仅仅可以用于修改文本颜色、大小、字体等,还可以用来定义高度、宽度、内部外部边距、位置等。 在哪里写 CSS?...它不会影响 .date em。 层级选择器 选择器中空格定义祖先/后代关系。

5.1K20

jQuery入门基础——选择器

是第二个盒子 然后我们再来看jQuery代码怎么写,首先 我们要找到第一个div然后在修改背景色,那么怎么写呢?...我们先注释一下,那么我们现在可不可以直接设置两个div背景色统一都为红色,来看一下 该怎么写?同样刚才我们分别用id选择器 类选择器 找到了一个div然后设置背景色就可以。...来,我们直接上面的代码再写一遍,选择器改为* 看一下效果: $("*").css({"background":"pink","color":"blue"});,哎呦去,全粉。...我们直接来试一下看看疗效: $("#one p~span").css("color","pink");效果很明显,div中所有p标签同级span标签全部受到影响,其它同级标签不会受到影响 过滤选择器...var address = $("option:selected").html();option标签可以直接这样获取到标签网页文本

9.8K20

简单了解下无障碍设计模式

对比度 基于亮度发光强度,颜色和它背景色对比度范围为 1 - 21,万维网联盟(W3C)一致。 对比度表示两种颜色之间差异程度,通常写为 1:1 21:1。...错误示例 这些文本没有遵循合颜色对比度建议,在它们背景色中很难进行阅读。 图标其他关键元素也应使用上述推荐对比度。 正确示例 这些图标遵循颜色对比度建议,和它们背景色之间有清晰对比。...视觉反馈(如标签颜色图标)触摸反馈向用户显示可用 UI。 导航应该具有清晰任务流程,最少步骤。在频繁使用任务,应该实现聚焦控制、控制键盘读取焦点功能。...让有障碍用户测试应用 考虑单个元素怎么才能可访问,同时连接到一个连贯用户流中 确保希望用户完成主要任务,能适应每一个人 与用户交流,特别是那些使用辅助技术用户,了解他们需求,他们想从应用中获得什么...屏幕阅读器会大声朗读屏幕所有的文本,包括可见不可见替代文本。 无障碍文本包括可见文本(包括 UI 元素中标签、按钮中文字、链接表单)不可见描述(没有文本标签按钮替代文字)。

4.7K40

设计师也能轻松掌握前端小知识

CSS 嵌入 其实程序员是一帮蛮会偷懒家伙信么?^_^ 在码字过程中,如果遇到常用一段代码,就会想办法打包起来,需要时候一行代码几行代码就可以调出来用而不用重复写,系不系很机智。...像这种直接放在div标签内style里样式称为嵌入样式。只服务于嵌入那个标签,而对其他标签样式不会产生影响。...作用域就大些,但是也仅限于当前html文件中,只要引用了便能对引用标签样式产生影响,可复用。...第一个div有自己孩子(注意换行缩格,这样层级关系较明显一些)即装文字五个div(也可用其他标签装,例如:a、p、span……)。为什么称之为孩子,因为在html中有子标签及父标签一说。...1)样式提供多种书写方式,不仅仅只有.className,可以带标签名 p{}、div{}……带标签名则不用前面加点,不过是针对当前html文件中所有p标签div标签,所以知道为什么说类名尽量不要使用跟标签名一样了吧

82980

关于无障碍设计七件事

这个限制条件保障低视力、色盲视力恶化用户可以查看阅读屏幕文字。 译者注:WCAG(Web内容无障碍指南)涵盖范围广泛,提供一些原则建议。...要设计一个记笔记或者博客APP,怎么做? 缺失二:没有标签表格 “标签”告诉用户该字段用途。当焦点在输入框内时,如今常见用“占位文本”来替代标签是一种不太好做法。...键盘用户Dragon等辅助技术依赖于屏幕显示可操作项目。如果Dragon无法识别链接按钮,那它就无法说出“点击”。...应该告诉Dragon怎么办呢? 应该做到在有链接空白区域旁边显示数字。 ? 下图是领英?。这是个人主页截屏。 ? 当我鼠标停留在个人简历卡片时候会变成下图。 ?...这些icon不会消失。 ? 当我鼠标悬停在某块地方时,蓝色出现。 ? 当我提出这种解决方法时,有的设计师会说,“感觉有点重”。 也许从视觉是有一点。但是它是无障碍设计解决方案。

3K30

101种让网站更棒方法

其中一个背景色,一个活动色,一个强调色。 选择颜色时候,首选互补色三原色(complementary or triad colors),然后进行调整,好颜色组合会让拥有带着故事感设计。...所以要确保这个按钮不会被忽略 给链接、按钮、输入框和文本域添加hoveractive状态。如果选择在hover状态是使按钮变亮,那么其他元素hover状态也应当保持一致。 保持表格样式一致性。...所有的文本输入框都应该样式统一,同样边框颜色背景色,悬停状态,点击状态,提示语,点击文字等等。设置好tabindex,这样就可以通过按下tab来依次访问这些元素。...图片资源CSS也是同理。如果这样做,当你网站放到新域名下时候,链接所有资源文件页面不存在。 开发自定义插件或者是利用提供特有功能工具在网站上使用。...根据这个关键词对页面每个部分进行优化,但并不是这个关键词放到每个句子中,而是灵活表现出希望怎么排序。 给每个页面设置富关键字标题元素。

1.3K40

Web页面组成

点下,松开,箭头会变成蓝色,鼠标拖动到元素。 ? ? ? ? ? 1)selectoption是个组合标签,有select就一定会有option。 2)select这个叫做下拉列表。...不想把百度首页html整个写一下,可以这样代码: 7)textarea 文本文本域可以输入很多行。...DOM对象针对查找对象,提供以下几种方式: 当然没有全部覆盖。 ? 1)通过id形式找到。 ? ? 2)class属性不是唯一也有,也有,就像性别。...重新刷新页面,这个修改就不生效,因为没有提交到百度服务器这个修改永久保存在html文件中。 2)DOM对象在获取元素之后对属性获取修改。 3)style属性。...结束标签起始标签之间,中文部分叫做这个元素文本内容。当然英文也算,一个描述信息,也不算是属性,就是夹在它们中间。 想改变标题可以这样写: innerText代表里面的文本内容。

1.9K20

前端-CSS变量(自定义属性)实践指南

在这里值就是5。可以动态地修改变量里值,并在程序中使用它们。在上面的代码中,number1值更新为4,然后再进行求和。使用相同变量,这个时候total里存储值就是5,而不再是7。...在上面的代码中,给一个叫做--my-cool-backgroud自定义属性设置一个颜色值。...可以用同样浅蓝色,给多个HTML标签多种可以设置颜色地方设值,比如设置它们colorborder-color。...这时,如果同样SVG图标放在不同父容器中,并且在父容器,给你CSS变量设置各自局部值,那么就会得到不同颜色图标,并且不用给你样式表添加多余规则。这很酷!...对于上面的代码,在Chrome其他支持CSS变量浏览器中,标签文本将是蓝色: ? 在IE11中,由于它不支持CSS变量,页面将显示灰色文本: ?

1.7K20

接口测试平台代码实现10:菜单页面升级

在之前章节中,我们规定home.html 作为我们主页。那么我们给其他人分享平台地址应该是:ip:8000/home/ 在我们之后旅途中,会生产很多页面功能。那么使用者如何返回主页呢?...下面我们给它样式美化一些,让看起来这个菜单一个风格。首先是背景色。要和菜单这个深蓝差不多,采用吸管可以直接吸取到屏幕任何颜色,然后点击chose确定。...,menu就是我们菜单化身,我们对操作比如让菜单变颜色,隐藏,变大变小 都可以如意进行了。...下图中,我们刚刚操作元素代码放在符合执行代码大括号内,判断条件:btn.innerText == '隐藏' 就是说按钮文案如果是隐藏俩个字,那么就要隐藏菜单这套代码 然后我们继续写显示菜单这套代码...习惯是避免左侧菜单来回显/隐影响,就放在右上角吧: 让我们在刚刚script标签下面继续写一个button ,文案叫主页 然后给它css属性加上:float,值为right 这样可以让这个按钮永远显示在父级

1.9K30

CSS变量(自定义属性)实践指南

在这里值就是5。可以动态地修改变量里值,并在程序中使用它们。在上面的代码中,number1值更新为4,然后再进行求和。使用相同变量,这个时候total里存储值就是5,而不再是7。...在上面的代码中,给一个叫做--my-cool-backgroud自定义属性设置一个颜色值。...可以用同样浅蓝色,给多个HTML标签多种可以设置颜色地方设值,比如设置它们colorborder-color。...这时,如果同样SVG图标放在不同父容器中,并且在父容器,给你CSS变量设置各自局部值,那么就会得到不同颜色图标,并且不用给你样式表添加多余规则。这很酷!...对于上面的代码,在Chrome其他支持CSS变量浏览器中,标签文本将是蓝色: ? 在IE11中,由于它不支持CSS变量,页面将显示灰色文本: ? 可以查看在线示例7代码

1.3K10

1小时,不会代码如何完成 网易云音乐 大作业网页制作?(IVX 第2篇)

小媛:嗯,但是不会做,头大,感觉又要挂科,这个作业占一半分数。 1_bit:看吧,所以一直叫你认真学,看,期末了交不作业了吧? 小媛:bit 哥帮一下嘛。...1_bit:不会是想叫我帮你写作业吧?不不不,不帮不帮,要认真学习,教你做。 小媛:可是明天就要交作业不会怎么办? 1_bit:作业是什么? 小媛:分到是仿一个网易云音乐首页。...1_bit:简单,直接可以使用一个像 PS 一样编辑器绘制出一个网页,然后那个 HTML 导出,这样就可以完成作业。 小媛:还可以这样?...小媛:解决,上去了。是不是还应该修改一下背景色? 1_bit:之后再修改吧,这样颜色不同可以有区分,方便查看。 小媛:明白。...小媛:已经发现,在这个 行2 水平对其中选择靠右对其就可以。 1_bit:哈哈哈,接下来那个背景色换一下吧。 小媛:已解决,完美。 1_bit:搜索框还没换颜色呢。

1.8K30

20170108_先行者周日群视频课程——文字版

而写程序,写代码也是一样,没有思路,一样写不下去。 现在我们就先来分析一下标签开发思路。这个标签云,它就是一堆p啊,span之类容器,里面装着字,横向排成行。然后对位置进行操作。...这个怎么想呢,思路可以这样理解, 圆形就是第一行只有一个二个标签; 第二行有三四个标签; 第四行有五六个标签,然后再往下行数就是正常。...(在截图上画出来) 到最后一行时候,只有一二个标签; 倒数第二行有三四个标签; 倒数第三行有五六个标签, 大家来看,这样不就排成圆形么?排版问题想清楚,就解决最大问题了。...代码在wondiw.load中,这样写还不如直接js放到页面尾。 然后里面是先获取wrap容器,然后是获取此容器中全部标签,a 然后是二个方法,分别是字体颜色。...再接下来就是for循环,很简单,就是在循环中给第[i]个标签调用二个随机数方法,然后产生随机字体大小,颜色背景色

1.2K60

Android应用优化之流畅度实操

一篇流畅度概念向大家详细地描述VSync机制Choreographer编舞者用法。...,我们发现其实RelativeLayout这一层是多余,我们直接通过merge标签RelativeLayoutCustomTestView合并....秒60帧,大约一帧16.6毫秒,在这个值以下是正常颜色绿色,如果超过它就会变成红色、黄色。...detectLeakedSqlLiteObjects()开启 检测实例数量 使用setClassInstanceLimit()开启 只要主线程中配置并启动,它就能监听主线程运行情况,当发现有重大问题时违背策略时候...,这样影响cpu运算 UI主线程 异步请求网络数据 如果较为耗时操作不要放在UI线程中实现 不要在UI线程外操作UI 4.第三方平台 腾讯开源工具——GT 听云——应用性能监控平台 写在结尾:在这篇博客时候

1.2K30

CSS伪元素妙用--单标签之美

单个颜色实现按钮 hover 、active 明暗变化 最近项目有个这样需求,根据不同业务场景,运营需要配置一个按钮不同背景色值。...大概是这样(下图): ? 为了减轻运营同学负担,怎么样做到只配置一个背景色不配置 hover active 颜色让按钮也能自适应跟随变化呢。...(这句话不是很严谨,假设一个元素背景是纯白颜色,叠加白色半透明层也是不会更亮) 反之,在背景色上方叠加一个黑色半透明层 rgba(0,0,0,.2) 可以得到一个更暗颜色。...但是运用伪元素,我们可以去掉这些不合语义化多余标签,运用 before 伪元素,将 CSS3 变换作用于伪元素这样变形不会作用于位于 div 文字,而且没有使用多余标签。...而 《CSS SECRET》 中对 标签描述是,这种方法不仅在可维护性方面是一种糟糕实践,而且污染了结构层代码。 想想自己敲代码以来,用 标签还真不少。

1.6K100

浏览器渲染流程

由于文档流中布局是相对,因此每个元素布局发生变化,会联动引发其他元素布局变化。 绘制 绘制就是在已确定几何属性元素填充像素,比如绘制文字,颜色,图像,边框,阴影等等可视元素。...; 当然,我们浏览器是聪明,它不会像上面那样,每改一次样式,它就reflowrepaint一次。...一般来说,浏览器会把这样操作积攒一批,然后做一次reflow,这又叫异步reflow增量异步reflow。但是有些情况浏览器是不会这么做,比如:resize窗口,改变了页面默认字体,等。...clone一个DOM结点到内存里,然后想怎么改就怎么改,改完后,和在线那个交换一下。 3)不要把DOM结点属性值放在一个循环里当成循环里变量。不然这会导致大量地读写这个结点属性。...5)为动画HTML元件使用fixedabsoultposition,那么修改他们CSS是不会reflow。 6)千万不要使用table布局。

45230

Refactoring UI

# 合并标签和数值 即使没有标签数据并不完全清晰,也可以通过在值添加说明文字来避免添加标签 如果能将标签和数值合并为一个单元,就更容易在不影响清晰度情况下为每条数据赋予有意义样式 # 标签是次要...更极端情况是, 出于可访问性考虑, 甚至可以在标记中包含章节标题,但在视觉完全隐藏它们, 因为内容本身就能说明问题 不要让使用元素影响选择样式--为语义目的选择元素,并根据需要为它们设计样式...,图标(尤其是实心图标) 一般都很 "重",而且覆盖面积很大 当你图标放在一些文字旁边时,图标往往会给人突出感觉 与文字不同, 图标的 "重量 "是无法改变, 因此要创建平衡,就需要通过其他方式来淡化...,也不应该试图所有东西都不必要地塞进一个小区域里 # 网格被高估 使用像 12 栏网格这样系统是简化布局决策好方法,可以为设计带来令人满意秩序感 不过,尽管网格很有用,但将所有布局决策外包给网格可能弊大于利...使用 HSL 使用十六进制 RGB,在视觉上有很多共同点颜色代码中看起来却完全不一样 HSL 通过使用人眼直观感知属性(色相、 饱和度明度)来表示色彩,从而解决这一问题 色相(Hue),一种颜色在色轮中位置

36030

3-关于小五物联功能介绍(添加波形图,Achartengine)

很多人都是介绍这功能那功能,最后来个显示,来个代码,然后稍微对代码一些地方做些解释,就完了,,,,不会走呢,咋跑........底下网格界面,咱画在上面的线 底下网格呢提供一些方法, 背景颜色啦,网格颜色啦,横纵坐标显示内容啦,整个能看见界面显示多少个点啦,上下宽度啦,能不能缩放啦,移动啦,等等啦 线呢也提供一些方法...这样就完成了界面的设置....mGraphicalView 就是显示视图 有可能会问..数据怎么加进去,,怎么显示曲线 ? ? ? ?...可能会问,,网格呢,怎么乌黑一篇.... 这个achartengine哈,不往里面写数据就是这个样子,乌黑一片是因为咱设置内部背景外面是黑色 现在填几个数据 ? ?

1.2K30
领券