逗号表示同个属性的多个可能取值,它是顺序取的,前一个不存在就选择后一个,描述同一属性。
空格表示同一对象不同属性,多个属性缩写成一行。
空格分开的是一个属性的多个值。比如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样式不可用