- Java锁的逻辑(结合对象头和ObjectMonitor)
- 还在用饼状图?来瞧瞧这些炫酷的百分比可视化新图形(附代码实现)⛵
- 自动注册实体类到EntityFrameworkCore上下文,并适配ABP及ABPVNext
- 基于Sklearn机器学习代码实战
在我之前的开发中,CSS对于我来说,要用什么找什么,对CSS的了解并不算深入;在我刚开始深入学习CSS时,第一个遇到的就是CSS数据类型,我听说过JS、TS的数据类型,CSS怎么也有数据类型?但是随着我对CSS数据类型的了解,CSS的大门也在缓缓为我打开!!! 。
引用《CSS新世界》中的介绍:
CSS数据类型的定义是CSS属性中具有代表性的值,在规范的语法格式中,使用关键字外加一对尖括号表示.
怎么去理解呢,我们可以去看看 官方文档 中对于 background-color 的描述:
background-color : <color>
上面语法示例中的 <color> 就是我们说的CSS数据类型; 。
掌握CSS数据类型对了解CSS新世界的体系和快速学习CSS新特性非常有帮助!!!!! (切记) 。
首先我们要知道,在CSS中任何CSS属性值,都一定包含一个或者多个数据类型! 。
在CSS2时代,CSS数据类型的概念并不重要,因为CSS常用的属性翻来覆去就那么几个,这些属性在我们工作中经常用到,久而久之我们也就都记住了.
但是!在CSS3到来的时代,由于各个CSS模块独立发展,CSS3之后并不会再有统一的大版本变化,而是将CSS各个功能模块拆分为小模块独立发展,这也就导致短时间内大量的CSS新属性如雨后春笋般的冒了出来! 。
为了加速没有争议的CSS特性的标准化,W3C的CSS工作组做出了一项被称为“Beijing doctrine”的决定,该决定将CSS划分为更小的组件,并把这些组件成为模块。这些模块互相独立,各自按照自己的速度走向标准化.
例如:CSS选择器模块已经到了Level 4 了;弹性布局模块还是 Level 1 。
如果此时我们还和CSS2那样,只是凭借经验去记忆CSS的属性值,去学习CSS的新特性,那么学习起来肯定是十分痛苦的,因为效率非常低下!!! 。
因此CSS数据类型的优势就出来了, 我们无需记住数量繁多的CSS属性值,只需要记住支持的数据类型即可!! 。
我们直接来举个例子:
background-image 是一个非常常用的CSS属性,我们来看看它的语法结构:
background-image : <image> | none
上面的 <image> 就是一个CSS数据类型,它包括下面这些类型和函数:
<url>
<gradient>
element()
image()
image-set()
cross-fade()
paint()
也就是说,我们可以看到 background-image 属性不仅支持 url 函数和渐变图像,还支持 element() 等函数!! 。
这是,我突然问你:CSS的mask-image属性支持的属性值有哪些呢?
这么突然疑问,如果你没有用过这个属性,那相比一时半会你也想不出答案,让我们来看看官方文档吧! 。
mask-image : none | <image> | <mask-source>
这个语法中出现了与 background-image 一样的 <image> 数据类型!!!这些就豁然开朗了! 。
这不就代表, background-image 支持的那些 <url> 、 <gradient> 、 element() 、 image() 等等这些属性在 mask-image 中都是支持的?
这样,我们通过理解CSS数据类型,就学会了 mask-image 这个语法的一半! 。
CSS数据类型除了可以帮助我们快速学习掌握CSS的语法,还能快速更新整个CSS世界的知识库.
举个例子:
我们都知道 background-image 属性是支持 paint() 函数的,但是我们现在问你, mask-image 属性是否支持 paint() 函数?
此时,如果你是靠记忆实际属性,由于你大脑中的记忆库里没有相关信息的储备,因此你会疑惑,会不解,随后去翻阅官方文档,甚至还要做一个小demo来确认一下.
但是,如果你记忆的是 <image> 类型,你可以迅速回答出: 肯定支持 ,因为 mask-image 属性值支持 <image> 数据类型, <image> 数据类型中存在 paint() 函数.
因此,大家一定要关注CSS的数据类型,这可以让我们学习CSS得新特性更迅速,理解CSS新特新更轻松! 。
在以后的工作生活中!尝试去记住数据类型,而不是去记实际的每个属性的属性值吧; 。
用记住的数据类型,去延伸出实际的属性值,也许会有额外的收获!!! 。
最后此篇关于你不得不了解的CSS数据类型的文章就讲到这里了,如果你想了解更多关于你不得不了解的CSS数据类型的内容请搜索CFSDN的文章或继续浏览相关文章,希望大家以后支持我的博客! 。
我开始在 Ethereum blockchain 上了解如何开发智能合约以及如何写 web-script用于与智能合约交互(购买、销售、统计......)我得出了该怎么做的结论。我想知道我是否正确理解
我正在 UIView 中使用 CATransform3DMakeRotation,并且我正在尝试进行 45º,变换就像向后放置一样: 这是我拥有的“代码”,但显然没有这样做。 CATransform3
我目前正在测试 WebRTC 的功能,但我有一些脑逻辑问题。 WebRTC 究竟是什么? 我只读了“STUN”、“P2P”和其他...但是在技术方面什么是正确的 WebRTC(见下一个) 我需要什么
我在看 DelayedInit在 Scala in Depth ... 注释是我对代码的理解。 下面的 trait 接受一个非严格计算的参数(由于 => ),并返回 Unit .它的行为类似于构造函数
谁能给我指出一个用图片和简单的代码片段解释 WCF 的资源。我厌倦了谷歌搜索并在所有搜索结果中找到相同的“ABC”文章。 最佳答案 WCF 是一项非常复杂的技术,在我看来,它的文档记录非常少。启动和运
我期待以下 GetArgs.hs打印出传递给它的参数。 import System.Environment main = do args main 3 4 3 :39:1: Coul
private int vbo; private int ibo; vbo = glGenBuffers(); ibo = glGenBuffers(); glBindBuffer(GL_ARRAY_
我正在尝试一个 for 循环。我添加了一个 if 语句以在循环达到 30 时停止循环。 我见过i <= 10将运行 11 次,因为循环在达到 10 次时仍会运行。 如果有设置 i 的 if 语句,为什
我正在尝试了解 WSGI 的功能并需要一些帮助。 到目前为止,我知道它是一种服务器和应用程序之间的中间件,用于将不同的应用程序框架(位于服务器端)与应用程序连接,前提是相关框架具有 WSGI 适配器。
我是 Javascript 的新手,我正在尝试绕过 while 循环。我了解它们的目的,我想我了解它们的工作原理,但我在使用它们时遇到了麻烦。 我希望 while 值自身重复,直到两个随机数相互匹配。
我刚刚偶然发现Fabric并且文档并没有真正说明它是如何工作的。 我有根据的猜测是您需要在客户端和服务器端都安装它。 Python 代码存储在客户端,并在命令运行时通过 Fabric 的有线协议(pr
我想了解 ConditionalWeakTable .和有什么区别 class ClassA { static readonly ConditionalWeakTable OtherClass
关闭。这个问题需要更多focused .它目前不接受答案。 想改善这个问题吗?更新问题,使其仅关注一个问题 editing this post . 5年前关闭。 Improve this questi
我还没有成功找到任何可以引导我理解 UIPickerView 和 UIPickerView 模型的好例子。有什么建议吗? 最佳答案 为什么不使用默认的 Apple 文档示例?这是来自苹果文档的名为 U
我在看foldM为了获得关于如何使用它的直觉。 foldM :: Monad m => (a -> b -> m a) -> a -> [b] -> m a 在这个简单的例子中,我只返回 [Just
答案What are _mm_prefetch() locality hints?详细说明提示的含义。 我的问题是:我想要哪一个? 我正在处理一个被重复调用数十亿次的函数,其中包含一些 int 参数。
我一直在读这个article了解 gcroot 模板。我明白 gcroot provides handles into the garbage collected heap 然后 the handle
提供了一个用例: 流处理架构;事件进入 Kafka,然后由带有 MongoDB 接收器的作业进行处理。 数据库名称:myWebsite集合:用户 并且作业接收 users 集合中的 user 记录。
你好 我想更详细地了解 NFS 文件系统。我偶然发现了《NFS 图解》这本书,不幸的是它只能作为谷歌图书提供,所以有些页面丢失了。有人可能有另一个很好的资源,这将是在较低级别上了解 NFS 的良好开始
我无法理解这个问题,哪个更随机? rand() 或: rand() * rand() 我发现这是一个真正的脑筋急转弯,你能帮我吗? 编辑: 凭直觉,我知道数学答案是它们同样随机,但我忍不住认为,如果您
我是一名优秀的程序员,十分优秀!