900字范文,内容丰富有趣,生活中的好帮手!
900字范文 > 简述常用css样式选择器 CSS多个属性之间用什么隔开 – CSS – 前端 dedecms自定

简述常用css样式选择器 CSS多个属性之间用什么隔开 – CSS – 前端 dedecms自定

时间:2022-04-06 00:11:41

相关推荐

简述常用css样式选择器 CSS多个属性之间用什么隔开 – CSS – 前端 dedecms自定

逗号表示同个属性的多个可能取值,它是顺序取的,前一个不存在就选择后一个,描述同一属性。

空格表示同一对象不同属性,多个属性缩写成一行。

空格分开的是一个属性的多个值。比如border:1px #fff solid;这些都是border的值 宽度 颜色 样式。

css和cgss有啥区别?

css和cgss有区别为

css

层叠样式表

层叠样式表(英文全称:Cascading Style Sheets)是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。CSS不仅可以静态地修饰网页,还可以配合各种脚本语言动态地对网页各元素进行格式化。

cgss

CGSS是China general social survey的英文缩写,是中国第一个全国性、综合性、连续性的大型社会调查项目。

基本信息

中文名 中国综合社会调查

外文名 China general social survey

开始时间

postcss和cssmodule是什么?

postcss是什么?

根据官网的解释,它是一种javascript编写的工具,用来转化css的。可以认为它是处理css的插件集合,需要配合诸如webpack、gulp等编译工具才能展现它强大的能力。

目前社区提供了非常多的插件,比较有名的如下:

autoprefixer 可以为css的属性配置兼容性的前缀,不需要手动添加postcss-preset-env 允许你使用更加现代的css特性stylelint 检查css语法错误cssnano css的压缩器等等postcss的原理

如果大家了解babel的原理,那就应该听说过AST即抽象语法树。编译器将字符串进行词法分析、语法分析,再做转换,最终达到预期的结果。postcss也是同样的原理,这个包已经为使用者提供了解析的方法parse,并且也提供了很多转化的API,利用这些就可以自己开发一款postcss插件了。

css Module是什么?

先前呢,大家使用css选择器,它是对整个页面是有效的,也就是全局的,当你每次迭代需求的时候,需要考虑每次添加新的css是否会影响到其他地方,所以大家有时选择为样式表添加命名空间。css Module为大家提供了另外一种开发方式,它可以使css具有局部作用域。

用法如下:

用法是如此的简单,基本一看就会,css-loader为大家提供了css Module的开关,只要为css-loader添加参数选项modules就可以开启。注意:它必须放在less或者sass的loader之前。

那它如何做到局部作用域的呢?

打开element面板可以发现,它把class变成了md5戳,对应每个组件,保持唯一。

vue的scoped

由此大家联想到vue的scoped,它也解决了css局部作用域的问题!

它在dom上生成了一个data属性,并且给class选择器添加了属性选择器,类似于之前的md5戳。不过由于添加了属性选择器,使得选择器的优先级变高了,想在组件外面覆盖css属性就变得不那么容易了!

喜欢偶的回答就关注偶吧,有问题可以发表评论,大家一起学习,共同成长!

如何用photoshop创建自定义大小的选择框啊?

选择选取工具后,会再上边的工具属性栏里出现一个”样式”的下拉菜单,里面有固定大小和固定长宽比,选择之后在后边的长和宽里就可以输入你需要的长宽了.(固定长宽比输入的死需要的长和宽的比例,固定大小是直接输入长和宽的数值已像素为单位)

简述常用css样式选择器 CSS多个属性之间用什么隔开 – CSS – 前端 dedecms自定义模板css样式不可用

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。