大家好,又见面了,我是你们的朋友全栈君。 Lcd液晶屏幕带有背光显示,可选择蓝光白光黄光三种背光颜色的屏幕,它更具有美光性,在实际生活中有广泛的应用。...入 : c * 输 出 : 无 * 说 名 : 该函数是在12MHZ晶振下,12分频单片机的延时。...= com; //由于4位的接线是接到P0口的高四位,所以传送高四位不用改 Lcd1602_Delay1ms(1); LCD1602_E = 1; //写入时序 Lcd1602_Delay1ms(5...LCD1602_RW = 0; //选择写入 LCD1602_DATAPINS = dat; //写入数据 Lcd1602_Delay1ms(1); LCD1602_E = 1; //写入时序 Lcd1602...LCD1602_RW = 0; //选择写入 LCD1602_DATAPINS = dat; //由于4位的接线是接到P0口的高四位,所以传送高四位不用改 Lcd1602_Delay1ms(1);
Alice 和 Bob 在玩一个游戏,他们 轮流 从这个字符串中删除颜色。Alice 先手 。 如果一个颜色片段为 ‘A’ 且 相邻两个颜色 都是颜色 ‘A’ ,那么 Alice 可以删除该颜色片段。...Alice 不可以 删除任何颜色 ‘B’ 片段。 如果一个颜色片段为 ‘B’ 且 相邻两个颜色 都是颜色 ‘B’ ,那么 Bob 可以删除该颜色片段。Bob 不可以 删除任何颜色 ‘A’ 片段。...Alice 和 Bob 不能 从字符串两端删除颜色片段。 如果其中一人无法继续操作,则该玩家 输 掉游戏且另一玩家 获胜 。...她删除从左数第二个 'A' ,这也是唯一一个相邻颜色片段都是 'A' 的 'A' 。 现在轮到 Bob 操作。 Bob 无法执行任何操作,因为没有相邻位置都是 'B' 的颜色片段 'B' 。...她唯一的选择是删除从右数起第二个 'A' 。 ABBBBBBBAA -> ABBBBBBAA 接下来轮到 Bob 操作。 他有许多选择,他可以选择任何一个 'B' 删除。
url("CSS_adr"); CSS3元素选择符 通配选择符 * 所有标签都具有属性 *{ property:value; } 类的后代才具有属性 .myclass...{ property:value; } 子选择符 相邻选择符 + 只有+相邻的标签设置属性 h1+p{ property:value; } h1...p1相邻 p2不相邻 兄弟选择符 ~ 只要~后的标签都设置属性 h1~p{ property:value; } h1 p1相邻 p2不相邻... CSS3属性选择符 正则选择符 E[att] 具有att属性的E元素 E[att="val"] 选择具有且att值等于val的E元素 E[att~="val"] 选择具有属性值为使用空格分隔的且...,使用于块元素,内联元素使设置于first-letter一样 ::selection 设置浏览器默认的背景颜色和文字颜色 ::placeholder CSS3样式属性 字体属性 font-style
:透明颜色 transparent CSS段落样式 text-decoration:文本装饰 下划线 : underline 删除线 :line-through 上划线 : overline...color 颜色的三种写法 color: DarkGoldenRod; color:rgb(184,134,11) color:#B8860B; CSS选择器 id选择器 #elem{}...分组选择器) 可以通过逗号的方式,给多个不同的选择器添加统一的CSS样式,来达到代码的复用。...*/ 相邻 M + N { } 当前M下面相邻的N标签 div + h2{backgroun:red;} 属性选择器 div[class]{background:red;} div[class=box...M:伪类{} :link 访问前的样式 ( 只能添加给a标签 ) :visited 访问后的样式 ( 只能添加给a标签 ) :hover 鼠标移入时的样式 (
在css中,选择器可以获取元素,为其添加css样式;但zepto框架与css选择器相比,它更加强大,因为zepto选择器为元素添加的是行为,行为的添加使得页面的交互更加丰富多彩。...这里我们选择了id为parent的元素里的所有id为child(后代)元素背景色变为pink的同时,又选择了id为parent的元素里的所有p(后代)元素字体颜色变为yellow。...这里我们选择了id为parent的元素里的所有id为child(子)元素背景色变为pink的同时,又选择了id为parent的元素里的所有p(子)元素字体颜色变为yellow。...相邻元素选择器选择的是元素之后的相邻对应元素。这里我们选择了id为d1的元素之后的p元素的背景变成pink,在实现的效果中可以看到只有p2变成了粉色。...在这里可以看出相邻元素选择器顾名思义,其选择的元素只能是后面紧邻的元素。 4)同辈元素选择器 <!
css用于网页的风格设计,包括字体,颜色,位置等。 css使用的4中方式:引入外部样式文件,导入外部样式文件,使用内部样式定义,使用内联样式定义。...继承,就是css属性可以从父元素向下传递到子元素。 css的选择器 元素选择器,是最简单的选择器。...派生选择器分3种:后代选择器,子元素选择器,相邻兄弟选择器 后代选择器是某元素后代的所有元素。...子元素选择器是相对于父元素的第一级子元素符合条件。 相邻兄弟选择器,针对的元素是同级元素,拥有相同的父元素,且两个元素是相邻的。...css表格属性表: 属性 说明 border-collapse 设置是否合并表格边框 border-spacing 设置相邻单元格边框之间的距离 caption-side 设置表格标题的位置 empty-cells
css"> ---- 1.2 常用的选择器 1.2.1 简单选择器 1.2.1.1 元素选择器 元素选择器 作用:根据标签名来选中指定的元素 语法:标签名{} 选择器和伪元素选择器,如div p,权值为0001。 通配符、子选择器、相邻选择器等的。如*、>、+,权值为0000。 继承的样式没有权值。...1.3.2 颜色单位 在CSS中可以直接使用颜色名来设置各种颜色,比如: red、 orange、 yellow、 blue、 green,但是在css中直接使用颜色名是非常的不方便。...RGB值: RGB通过三种颜色的不同浓度来调配出不同的颜色 R red, G green ,B blue 每一种颜色的范围在0-255(0%-100%)之间 语法: RGB(红色,绿色,...兄弟元素: 兄弟元素间的相邻垂直外边距会取两者之间的较大值(两者都是正值) 特殊情况: 如果相邻的外边距一正一负,则取两者的和。 如果相邻的外边距都是负值,则取两者中绝对值较大的。
五、常用选择器 1.通配选择器(了解) 给所有标签添加样式,*{css样式} 示意图 ?...多学一招:通常只是用来去掉所有代码的边距,因为每个浏览器的边距不同,有的8个像素,有的7个像素,所以干脆会全部去掉,重新设置,保证浏览器的每个边距都一致 2.后代选择器(掌握) 选择元素里面的元素,外层元素和内层元素中间用空格隔开...3.子元素选择器(掌握) 选择元素的直接子元素,父和子之间用 > 隔开:父元素>子元素{css样式} 示意图 ? 案例题: <!...,完成以下任务: 链接 登录 的颜色为红色,同时主导航栏里面的所有的链接改为黄绿色 (简单) 主导航栏和侧导航栏里面文字都是14像素并且是微软雅黑。...(中等) 主导航栏里面的一级菜单链接文字颜色为绿色。(难) 4.相邻元素选择器(了解) 选择相邻的元素,两个元素中间用 + 隔开:元素1 + 元素2{css样式} 示意图 ?
外部样式:写在单独的.css文件中,随后在html文件中引入使用语法:1. 新建一个扩展名为.css的样式文件,把所有css代码都放入此文件中。...class属性2. css复合选择器交集选择器:作用:选中同时符合多个条件的元素语法:选择器1选择器2...选择器n {}/* 选中:类名为beauty的p元素,为此种写法用的非常多!!!!...a元素 */ .persons>a { color: red; }兄弟选择器:相邻兄弟选择器:作用:选中指定元素后,符合条件的相邻兄弟元素(相邻就是紧挨着他的下一个)语法:选择器1+选择器2 {...}/* 选中div后相邻的兄弟p元素 */ div+p { color:red; }通用兄弟选择器:作用:选中指定元素后,符合条件的所有兄弟元素语法:选择器1~选择器2 {}/* 选中div后的所有的兄弟...important的权重,大于行内样式,大于所有选择器,权重最高CSS常用属性:像素:px 略颜色:表达方式一:直接使用颜色对应的英文单词1. 红色:red 2. 绿色:green 3.
CSS(层叠样式表)是一种用于描述网页上元素样式的语言。要想有效地使用CSS,了解CSS选择器是至关重要的,因为它们允许你选择要应用样式的HTML元素。...在本文中,我们将详细介绍CSS选择器的各种类型和用法,以便你能够更好地掌握这一关键概念。 1. 什么是CSS选择器?...例如,要选择所有 元素下的直接子元素 并将它们的文本颜色设置为橙色,可以使用以下样式: ul > li { color: orange; } 3.3 相邻兄弟选择器 相邻兄弟选择器...(+)允许你选择与另一个元素相邻的元素。...总结 CSS选择器是CSS中非常重要的概念,它们允许你选择要应用样式的HTML元素。
Sip Sip 是一款屏幕取色软件,支持 CSS Hex, CSS3 HSL, CSS3 RGB 等十余种颜色制式,几乎适合任何开发或设计作为屏幕取色器: 颜色快速调用坞,在创建多个调色板后,你可以发现在屏幕的左侧...(也可选择右侧)边缘,隐藏着你创建的多条调色板,当光标靠近他们时会弹出调色板,单击色块可快速将数值拷贝进入剪贴板。...调色板,你可以在 Sip 的 Menubar 里创建多种调色板,适用于各种工程、情绪板中的颜色方案部署。...在终端下是不是经常输错命令? The Fuck 是一款了不起的工具,帮你彻底解决这个问题,当你输错命令后,只要输入 fuck 命令,它会帮你自动纠正错误!...x-translator 这是我个人开发的一款翻译插件,主要功能是:一键翻译->选择单词->选择命名规则->替换。
子元素选择器,就是选中某个元素下的子元素,然后对该子元素设置CSS样式。 语法: image.png 说明: 父元素与子元素必须用空格隔开,从而表示选中某个元素下的子元素。 举例: 相邻选择器 相邻选择器,就是选中该元素的下一个兄弟元素,在这里注意一点,相邻选择器的操作对象是该元素的同级元素。 语法: image.png 举例: 的元素”的相邻的下一个兄弟元素div,也就是第3个div元素。...常常,我们的CSS 样式中会有好几个地方需要使用到相同的设定时,一个一个分开写会是一件满累人的工作,重覆性太高且显得冗长,更不好管理....在CSS 语法的基本设定中,就可以把这几个相同设定的选择器合并在一起... 在浏览器预览效果如下: image.png 分析: “h3,div,p,span{color:red;}”表示选中所有的h3元素、div元素、p元素和span元素,然后设置这些元素的字体颜色为
目录 常用命令 变量 嵌套css规则 群组选择器 子选择器,相邻,同级选择器 属性嵌套 import导入 嵌套导入 sass注释 sass乱码解决 常用命令 sass 命令 sass input.scss...规则 sass中可实现css的嵌套。...,相邻,同级选择器 子选择器 > 相邻选择器 + 同层选择器 ~ article{ ~li{ color:red } >section{ color:blue...但是当我们执行某些命令如将如果文件夹的sass全部编译这时候a和b都会被编译 如果我们不希望他们被编译,直接在文件名前面加下划线即可,导入时去掉下划线。...文件中 /*这种注释会出现在编译后的css文件中*/ border 1px /*这种不会出现在css文件中*/ solid red sass中文乱码 在编译sass中如果出现中文乱码的问题,找到你的
CSS以HTML为基础,提供了丰富的功能,如字体、颜色、背景的控制及整体排版等,而且还可以针对不同的浏览器设置不同的样式。...相邻兄弟选择器(Adjacent Sibling Selector): 使用+符号,选择紧接在另一元素后的元素,如 p + ul 会选择所有紧接在段落后面的无序列表。...important > 行内 > id > class > 标签 > 通配符|兄弟|相邻兄弟|子代 > 继承 先比较级别,级别一样比较各级别选择器出现的次数 当两个选择器权重一样时,以最后出现的为准 基础知识介绍...CSS中常用的颜色表示法有以下几种: 颜色关键字(Color Keywords): 直接使用颜色的英文名称,如 red, blue, green 等。...CSS定义了许多预定义的颜色名称,便于记忆和使用。
入 : c* 输 出 : 无* 说 名 : 该函数是在12MHZ晶振下,12分频单片机的延时。..._E = 0; //使能清零 LCD1602_RS = 0; //选择写入命令 LCD1602_RW = 0; //选择写入 LCD1602_DATAPINS = com; //由于4位的接线是接到...P0口的高四位,所以传送高四位不用改 Lcd1602_Delay1ms(1); LCD1602_E = 1; //写入时序 Lcd1602_Delay1ms(5); LCD1602_E = 0;//...LCD1602_RW = 0; //选择写入 LCD1602_DATAPINS = dat; //写入数据 Lcd1602_Delay1ms(1); LCD1602_E = 1; //写入时序 Lcd1602...LCD1602_RW = 0; //选择写入 LCD1602_DATAPINS = dat; //由于4位的接线是接到P0口的高四位,所以传送高四位不用改 Lcd1602_Delay1ms(1);
Flex 布局 1)定义 2)概念 3)容器的属性 4)项目的属性 5)实例 一、基本知识 CSS 指层叠样式表 (Cascading Style Sheets) 1.1 CSS选择器 派生选择器 通过依据元素在其位置的上下文关系来定义样式... 类选择器 在 CSS 中,类选择器以一个点号显示。...轮廓 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。CSS outline 属性规定元素轮廓的样式、颜色和宽度。...:nth-child 这个 CSS 伪类首先找到所有当前元素的兄弟元素,然后按照位置先后顺序从1开始排序,选择的结果为CSS伪类:nth-child括号中表达式(an+b)匹配到的元素集合(n=0,1,...对元素本身的影响 2. 对父容器的印象 3. 对相邻元素的影响 3.
(未来 CSS 会学) • ⾃动根据浏览器宽度来决定排版. • html 内容⾸尾处的换⾏, 空格均⽆效. • 在 html 中⽂字之间输⼊的多个空格只相当于⼀个空格...., 含义是 分割 span 标签, 含义是跨度 就是两个盒⼦....能够做到⻚⾯的样式和结构分离. CSS前 -> CSS修饰后: 2.2CSS基础结构 选择器 + {⼀条/N条声明} • 选择器决定针对谁修改 (找谁) • 声明决定修改啥....⼀般放到 head 标签内 2.3CSS选择器 CSS 选择器的主要功能就是选中⻚⾯指定的标签元素. 选中了元素, 才可以设置元素的属性....就好⽐ SC2, War3 这样的游戏, 需要先选中单位, 再指挥该单位⾏动. CSS选择器主要分以下⼏种: 1. 标签选择器 2. class选择器 3. id选择器4. 复合选择器 5.
相邻选择器 弟弟选择器 属性选择器 语法 示例 分组与嵌套 伪类选择器 语法 示例 标准伪类索引 选择器参考表 网站分享 CSS快速入门 简介 层叠样式表 — 也就是CSS — 是你在HTML之后应该学习的第二门技术...比如,您可以使用CSS来更改内容的字体、颜色、大小、间距,将内容分为多列,或者添加动画及其他的装饰效果; 通俗理解为:CSS就是为了给HTML标签修改样式; 语法结构 语法结构: 选择器 {...color: greenyellow; } 相邻选择器 特征为+加号,这个查找的是同级别下面紧挨着的第一个span /*查找同级别下面紧挨着的第一个span(不能有其他标签间隔)*/...例如,:hover 可被用于在用户将鼠标悬停在按钮上时改变按钮的颜色。...article > p 子代选择器 相邻兄弟选择器 h1 + p 相邻兄弟 通用兄弟选择器 h1 ~ p 通用兄弟 网站分享 组件 | Element Bootstrap [转载网站]
⭐CSS三大特性 1、层叠性 相同选择器给设置相同的样式,此时一个样式就会覆盖(层叠)另一个冲突的样式。层叠性主要解决样式冲突的问题。 ...层叠性原则: 样式冲突,遵循的原则是就近原则,哪个样式离结构近,就执行哪个样式 样式不冲突,不会层叠 2、继承性 CSS中的继承: 子标签会继承父标签的某些样式,如文本颜色和字号。...恰当地使用继承可以简化代码,降低 CSS 样式的复杂性。...网页布局的核心本质: 就是利用 CSS 摆盒子。...它控制相邻单元格的边框。