但在 CSS3 中，将伪元素单冒号的使用方法改为了使用双冒号::，以此来区分伪类和伪元素。因此，建议在使用伪元素时使用双冒号而不是单冒号。...：增加或减少字符间的空白（字符间距） text-transform：控制文本大小写 direction：规定文本的书写方向 color：文本颜色 a元素除外 3、元素可见性：visibility 4、表格布局属性...color: #0982C1; /* omit colons and semi-colons */ h1 color #0982C1 可以在同一个样式单中使用不同的变量，例如下面的写法也不会报错： h1...⽤于将特殊的效果添加到某些选择器 伪类与伪元素的区别 表示⽅法 CSS2 中伪类、伪元素都是以单冒号:表示, CSS2.1 后规定伪类⽤单冒号表示,伪元素⽤双冒号::表示， 浏览器同样接受 CSS2 时代已经存在的伪元素...CSS2 之后所有新增的伪元素(如::selection)，应该采⽤双冒号的写法。 CSS3中，伪类与伪元素在语法上也有所区别，伪元素修改为以::开头。
而字体族 是不能加引号的。 把更特殊的字体 写在前面，稍微通用一些的字体 往后放。...，然后 直接引用 css中包含的字体。...* 背景颜色(纯色) * 渐变色背景 * 多背景的叠加 指定两种渐变色 或 两张不同的图片 * 背景图片的属性(雪碧图) 雪碧图：把不同素材的图片 集中到同一张图片上，以减少http的请求...important 优先级最高 内联样式 > 外部css表单 后写的优先级高 * 雪碧图的作用 把不同的图标合并到一张图上，减少http请求次数 提高页面加载性能。...图标字体：把图标做成文字，给他定义成特别的字体，在需要使用的地方 引入该字体。 * base64的使用 把图片变成文本的一种方式，然后把base64字符串 内嵌到css中 进行使用。
，冒号之后加空格 5.每一个属性值后必须添加分号; 并且分号后空格 例如： ?...4.属性名冒号之前不加空格，冒号之后加空格 5.属性值之后添加分号; 其他规范 1.使用单引号，不允许使用双引号 2.如果使用CSS3的属性，如果有必要加入浏览器前缀，则按照webkit- / -moz...命名规则书写规范 1、规则命名中，一律采用小写加中划线的方式，不允许使用大写字母或 _ 2、命名避免使用中文拼音，应该采用更简明有语义的英文单词进行组合 3、命名注意缩写，但是不能盲目缩写，具体请参见常用的...CSS命名规则 4、不允许通过1、2、3等序号进行命名 5、避免class与id重名 6、id用于标识模块或页面的某一个父容器区域，名称必须唯一，不要随意新建id 7、class用于标识某一个类型的对象...text-indent来隐藏文本内容。
因此，本文中的“伪元素”将特指这两个伪元素（:before 和 :after），我们将从基础入手，来研究这个独特的主题。...在最初，伪元素的语法是使用“:”（一个冒号），随着web的发展，在CSS3中修订后的伪元素使用“::”（两个冒号），也就是::before 和 ::after—以区分伪元素和伪类（比如:hover，:active...然而，无论你使用单冒号还是双冒号，浏览器都将能识别它们。由于IE8只支持单冒号的格式，安全起见如果你想要更广泛的浏览器兼容性那么还是使用单冒号的格式吧！...举例来说，下面的代码片段将在引用的之前和之后分别添加添加一个引号。 ?...，事实上伪元素表现上就像是“真正”的元素，我们能够给它们添加任何样式，比如改变它们的颜色、添加背景色、调整字体大小、调整它们中的文本等等。
双冒号(::)和单冒号(:)都用于表示伪元素，但它们在语法上有一些区别。 双冒号(::)：在CSS3中引入了双冒号语法，用于表示伪元素。它是较新的语法规范，建议在使用CSS3伪元素时使用双冒号。...::after 伪元素：用于在选定元素的内容后插入一个生成的内容。它允许在元素的结束位置插入额外的样式化内容，通常用于添加装饰性的元素或生成清除浮动的伪元素。...以下是其中几个常见的 CSS3 伪元素： ::first-line：用于选中元素的第一行文本，可以对其应用特定的样式。...::first-letter：用于选中元素的第一个字母，可以对其应用特定的样式。 ::selection：用于选中文本时的样式，例如文本的背景色和文本颜色等。...::placeholder：用于设置表单元素的占位符文本的样式，允许自定义占位符文本的颜色、字体等。
单个颜色实现按钮 hover 、active 的明暗变化 最近项目有个这样的需求，根据不同的业务场景，运营需要配置一个按钮的不同背景色值。...对于一个使用 HSL 表示的颜色，我们只需要改变 L （亮度）的值，就可以得到一个更亮一点或者更暗一点的颜色。...简单来说，在背景色上方叠加一个白色半透明层 rgba(255,255,255,.2) 可以得到一个更亮的颜色。...（这句话不是很严谨，假设一个元素背景是纯白颜色，叠加白色半透明层也是不会更亮的） 反之，在背景色上方叠加一个黑色半透明层 rgba(0,0,0,.2) 可以得到一个更暗的颜色。...也就是在元素末尾添加了一个换行符的意思。 而 white-space: pre; 的作用是保留元素后面的空白符和换行符，结合两者，就可以轻松实现在行内级元素末尾实现换行。 原文Demo。
在学习之前，我们先来认识一下css这位人物的作用 css 相当于美化工具，就是在事物原有的基础上对外表进行修饰和包装，跟ps、美图秀秀等类似，只不过，css 是美化的对象是html 文本，是一个超文本标记语言...因为这里只有一个div 标签，所以我直接采用标签名指定目标，属性需要添加在大括号{}内哦~ 属性就是冒号：左边的内容，那么右边对应的就是属性值，你可以把冒号想象成等于号=，这样会更容易理解和记忆。...图中用矩形标注的内容对应的就是title 标签中的内容，箭头指的正方形，就是我们刚才添加css 后的效果 。...需要注意的是属性值的顺序：宽度->样式->颜色，然后中间是用空格隔开而不是用逗号哈~这种方式叫做复合写法。...嗯，一个圆就这样出来了~其中50% 是指将矩形的长宽的一半作为半径，原点就在两条对角线的交点上，然后对裁剪掉圆外的部分，这样就变成一个圆啦~当然，有个前提条件就是这个矩形必须是正方形，不然得到的就是椭圆了
单个颜色实现按钮 hover 、active 的明暗变化 最近项目有个这样的需求，根据不同的业务场景，运营需要配置一个按钮的不同背景色值。...对于一个使用 HSL 表示的颜色，我们只需要改变 L （亮度）的值，就可以得到一个更亮一点或者更暗一点的颜色。...简单来说，在背景色上方叠加一个白色半透明层 rgba(255,255,255,.2) 可以得到一个更亮的颜色。...（这句话不是很严谨，假设一个元素背景是纯白颜色，叠加白色半透明层也是不会更亮的） 反之，在背景色上方叠加一个黑色半透明层 rgba(0,0,0,.2) 可以得到一个更暗的颜色。...，表达不同的意思。
视觉层次现在更清晰了，但还有改进的空间。例如，与其重要性相比，正文文本块的突出程度仍然过高。我们稍后将学习一些快速的排版指南，这将有助于修正视觉层次。 5....例如，黑色背景上的黑色文本有最低的1:1对比度比例，而白色背景上的黑色文本有最高的21:1比例。有许多在线工具可以帮助你测量不同颜色之间的对比度比例。...我们稍后将对文本进行进一步的更新，以提高其质量。 9.不要仅依赖颜色作为指示器 有许多不同类型的色盲，主要影响男性。通常，色盲的人在区分红色和绿色方面有困难，但有些人根本无法看到任何颜色。...这是将我们的示例中的字体从Gill Sans更改为Lato后的效果。 12.限制大写字母的使用 除非你在向人们大声喊叫，否则没有多少有效的理由使用大写字母。...将行高增加到1.6（160%）有助于提高可读性。 修复上面的原始图 通过一些简单而强大的UI设计指南，我们快速找到并修复了我们示例设计中的许多问题。
（2）轻松的导出 HTML 和本身的 .md 文件。 （3）纯文本内容，兼容所有的文本编辑器与字处理软件。 （4）可读，直观。适合所有人的写作语言。...但是GFM 的MarkDown语法和标准的MarkDown稍有不同，使用过程中需要注意一些，在下面的介绍中我会进行说明的请放心。...，只放置左边冒号表示文字居左，只放置右边冒号表示文字居右，如果两边都放置冒号表示文字居中。...>背景色的设置是按照十六进制颜色值：#54FF9F 效果如下： 背景色的设置是按照十六进制颜色值：#FFFF00 背景色的设置是按照十六进制颜色值：#D1EEEE...，可以到下面这个网址查更多颜色的 RGB，或者直接用颜色的英文代替 RGB RGB颜色查询对照表 1.16.4 同时改变字体，字号和颜色 <font face="字体" size="字号" color=
将World_Continents颜色更改为Apple Dust。将World_Countries_(Generalized)的颜色更改为Spruce Green。 符号轮廓并不是必须的。...完成后，单击返回布局 链接。 定位器地图有黑色边框，不用担心。删除它就好了。 在元素窗格中，在显示选项卡上，将边框更改为0 pt。...最终定位图： 既然您知道如何制作一张定位器地图，以下是制作更多地图的一些想法和建议： 添加文本 对于定位器地图，应该只有少量文本，这通常更容易添加为布局文本而不是标签。...您可以在本文中了解有关布局文本的更多信息。 使用混合模式。 尝试在底图上添加此全局背景图层，然后尝试更改其颜色和混合模式。...将多边形地图注释图层添加到其中。将此地图设置为您的定位器地图。 将新的定位器地图插入到主地图的布局中。 提示：在上面的示例中，我使用重塑地图框工具将地图框重塑为圆形。
选择文本后，查看屏幕右侧的Inspector。使字体大小为36，文本对齐中心和填充颜色为白色。 ? 编辑文字 如您所见，文本不是相对于矩形居中。要解决此问题，请按住Shift并同时选择矩形和文本。...选择两个对象 接下来，找到Inspector顶部的Align按钮，然后选择下面列出的两个按钮。这些是水平对齐和垂直对齐。 ? 水平和垂直对齐 现在让我们在页面的白色部分添加一些文本。...选择猴子图层 选择这三个图层后，您可以更改填充或边框颜色。我将填充更改为＃90B8DC。注意：如果选择父组（“组”），Sketch将不允许您更改填充颜色。您必须选择组中的三个单独的图层才能编辑颜色！...将颜色更改为黄色 你在这里做的是用“顶部矩形”样式更改形状，这会影响项目中的两个矩形。你猜怎么着？您也可以使用文本样式执行此操作。 ? 创建文本样式 选择一条黑色文本行并创建一个新的文本样式。...暂缓将风格应用于第二只猴子。首先，让我们将这个颜色改为黄色＃F5C923。 ? 应用风格 接下来，通过展开图层组并选择构成图标的三个图层来选择另一只猴子。
• 因为我在vscode中使用git作为默认的终端，但是bash的路径看起来太长了，我总是想着怎么能让它变得更短或更简洁。...• 于是，我就提起了兴趣，向 ChatGPT 提问：“在 vscode 中如何将 Git Bash 设置为默认终端，如何修改默认的 git 路径？”...Terminal 的扩展 • ANSI color codes: 一种用于在终端中设置文本颜色和背景颜色的标准化代码 # 文本颜色转义序列 RED="\033[0;31m" # 红色 GREEN...# 自定义颜色的文本 echo -e "${RED}这是红色的文本${RESET}" echo -e "${GREEN}这是绿色的文本${RESET}" echo -e "${YELLOW}这是黄色的文本..."\033[1;31m"` 表示粗体的红色文本 "\033[42;35m"：表示紫色文本，绿色背景 • Bash color codes: 一种用于在 Bash 终端中设置文本颜色和背景颜色的代码
tput cup 23 45在保存了光标位置后，将光标移动到 (23,45)。 echo "Input from tput/echo at 23/45" 将信息显示到 stdout 中。...tput rc将光标返回到使用tput sc保存的原始位置。 （4）更改光标属性。 在向某一设备显示数据时，很多时候您并不希望看到光标。将光标转换为不可见可以使数据滚动时的屏幕看起来更整洁。...通常情况下，分配的数值与颜色的对应关系如下，但是可能会因 Unix 系统的不同而异： 0：黑色 1：蓝色 2：绿色 3：青色 4：红色 5：洋红色 6：黄色 7：白色 执行以下示例命令可以将背景颜色更改为黄色...，将前景颜色更改为红色： tput setb 6 tput setf 4 要反显当前的颜色方案，只需执行 tput rev。...有时，仅为文本着色还不够，也就是说，您想要通过另一种方式引起用户的注意。可以通过两种方式达到这一目的： 一是将文本设置为粗体； 二是为文本添加下划线。 要将文本更改为粗体，请使用 bold 选项。
使用 俗话说，简单的才是最好的，SASS其实就是一普通的文本文件，支持CSS的所有格式，当然后缀名不同哦，他的后缀名是.scss，意思为Sassy CSS。...你可以在那里，试运行下面的各种例子。 用法 1. 变量 在SASS中使用美元符号定义一个变量，在这个例子里，一个美元自负，变量名字加上一个冒号定义一个变量。...标准的CSS注释 / comment / ，会保留到编译后的文件。 单行注释 // comment，只保留在SASS源文件中，编译后被省略。 在/*后面加一个感叹号，表示这是"重要注释"。...颜色函数 如果你在为颜色的单调用法而烦恼，赶快mark CSS 预处理器一般都会内置一些颜色处理函数用来对颜色值进行处理，例如加亮、变暗、颜色梯度等。...但是在 CSS 预处理器中的导入操作则不同，它只是在语义上包含了不同的文件，但最终结果是一个单一的 CSS 文件，如果你是通过 @ import "file.css"; 导入 CSS 文件，那效果跟普通的
，这些功能让我们在进行配置文件修改的时候会更方便。...vi，如后面提到的crontab、edquota等 vim具有程序编辑能力，可以主动以字体颜色标识语法的正确性，方便代码编写 程序简单，编辑速度非常快 三种模式 由于vi/vim是一个全屏幕的文本编辑器...【删除第十行到第20行的内容】 光标移到第一行，然后dG 【删除所有内容】 小贴士，一般在操作在本地编辑好的文档，全部复制，然后将服务器文档 dG全部删除，在粘贴新的文档。...:set 显示与系统默认值不同的设置， 用户修改过的 :syntax on :syntax off 是否显示颜色 :set bg=dark :set bg=light 可用以显示不同的颜色色调，预设是『...其他命令 J（大写）:将光标所在行下一行合并到该行，中间有空格间隔，光标移动到该空格处，要想达到在写字板中”[end]+[del]“的效果（即光标移动到行末，然后del使下一行提到该行），可以用Jx
---- 本文为稀土掘金技术社区首发签约文章，14天内禁止转载，14天后未获授权禁止转载，侵权必究！...::first-letter主要用于为文本的首字母添加特殊样式 注意：::first-letter 伪元素只适用于块级元素。 ::first-line 伪元素用于向文本的首行添加特殊样式。...写法就是只要在想要添加的元素选择器后面加上::before或::after即可，有些人会发现，写一个冒号和两个冒号都可以有相应的效果，那是因为在css3中，w3c为了区分伪类和伪元素，用双冒号取代了伪元素的单冒号表示法...拿上面的示例进行尝试，可以看到，我们使用伪元素添加的[问题]两个字，就无法使用浏览器的搜索工具搜到。...，如果大家有不同的用法，欢迎分享，希望本篇文章可以对大家有所帮助。
【具体步骤】 操作步骤如下： 1、把文件后缀mmap修改为zip，把里面的Document.xml解压出来； ?...2、打开Document.xml，修改报错信息提示的位置（行号：列号）的xml格式错误； 3、把文件格式修改正确，然后更新压缩文件； 4、将文件名称再次修改为mmap，文件就可以正确打开了。...选择文本编辑器Notepad++、Sublime Text、Atom都可以快速定位到到指定行和列。...用Sublime Text举例，先按Ctrl+P，然后输入英文冒号英文冒号，在按Enter即可。 ? 2.最后修改完成后如何压缩？...在解压的过程中，小编解压出一个文件夹，然后修改里面的xml文件后，直接压缩的文件夹，改名后打开文件会提示找不到xml文件。正确的做法是直接压缩文件夹里面的文件。 ? 【总结】 如何避免此类问题？
p{ font-family:"微软雅黑";} 网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体...，我们尽量只使用宋体和微软雅黑中文字体 1.3 font-weight:字体粗细 在html中如何将字体加粗我们可以用标签来实现 使用 b 和 strong 标签是文本加粗。...1.4 font-style:字体风格 在html中如何将字体倾斜我们可以用标签来实现 字体倾斜除了用 i 和 em 标签， 可以使用CSS 来实现，但是CSS 是没有语义的 font-style...CSS外观属性 2.1 color:文本颜色 作用： color属性用于定义文本的颜色， 其取值方式有如下3种： 表示表示 属性值 预定义的颜色值 red，green，blue，还有我们的御用色...line-height: 24px; 2.4 text-indent:首行缩进 作用： text-indent属性用于设置首行文本的缩进， 属性值 其属性值可为不同单位的数值、em字符宽度的倍数
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM
