当前位置: 千企汇网站设计> 建站知识> 网站建设>是时候开始使用CSS自定义属性了

是时候开始使用CSS自定义属性了

文章出处:网站建设-千企汇网络 | 网站编辑:网站设计 | 发表时间:2020/11/19 17:57:23
分享:

我们使用预处理程序来存储颜色、字体首选项、布局细节——主要是我们在CSS中使用的所有内容。

自定义元素的详细介绍您可能听说过Web组件以及它们将如何永远改变Web开发。的最具变革性的技术是自定义元素,这是一种定义自己元素的方法,具有它们自己的行为和属性。但是预处理器有一些变量读取模仿:你不能改变他们动态的。他们不知道医生结构。他们无法读取或更改JavaScript.As为了解决这些问题和其他问题,社区发明了CSS自定义属性。基本上,这些看起来和工作方式都像CSS变量,他们的工作方式反映在名称。自定义房地产为网络打开了新的视野发展。语法声明和使用自定义属性当你开始使用一个新的预处理器或框架时,通常的问题是你必须学习一个新的语法。每个预处理器需要声明变量的不同方法。通常,它以保留符号开始-例如,$in Sass和@in更少.CSS自定义属性也采用了相同的方式,并使用-&\8203;—引入一个声明。但这里的好处是,您可以学习一次这种语法,并在浏览器之间重用它!您可能会问,“为什么不重用现有语法?“这是有原因的。简而言之,它提供了一种在任何预处理器中使用自定义属性的方法。通过这种方式,我们可以提供和使用自定义属性,而我们的预处理器不会编译它们,因此属性将直接转到输出的CSS。而且,您可以在本机变量中重用预处理器变量,但我稍后将对此进行描述(关于名称:因为它们的思想和用途非常相似,所以有时自定义属性称为CSS变量,尽管正确的名称是CSS custom properties,请进一步阅读,因此,要声明一个变量而不是一个通常的CSS属性,比如color或padding,只需提供一个以-&&8203;-:.box开头的自定义命名属性{

关键字:
宿迁高新区
建站热线:13815417591
SEO热线:13276617532
免责声明: 本站部分内容来源于互联网,如果本站部分内容侵犯您的权益,请您告知,站长会立即处理。