温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

css的专业术语有哪些

发布时间:2020-07-11 14:50:29 来源:亿速云 阅读:171 作者:Leah 栏目:web开发

这期内容当中小编将会给大家带来有关css的专业术语有哪些,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。

1. 属性

如height、color等,称作css的属性。

2. 值

在css中,如:10px, 50%, #ccc等这些都称作css的值。比较常见的类型值有:整数值,数值,百分比值,长度值,颜色值

3. 关键字

特指css里面一些很关键的单词。如solid、absolute、block等都是关键字

4. 变量

css中目前可以称为变量的很少,如:currentColor

5. 长度单位

(1)。 相对长度单位:分为相对字体长度单位和相对视区长度单位

相对字体长度单位,如em、ex、rem、ch(字符0的宽度)

相对视区长度单位, 如vh、vw、vmin和vmax

(2)。 绝对长度单位:如px、pt、cm等

6. 功能符

值以函数的形式指定,主要用来表示颜色(rgba和hsla)、背景图片地址(url)、计算(calc)、过渡效果等。如rgba(0,0,0,0.5)、url('a.png')、scale(-1)

7. 属性值

属性冒号后面的所有内容统一称为属性值。例如:1px solid rgb(0,0,0)

8. 声明

属性名加上属性值就是声明,例如: color: transparent;

9. 声明块

声明块是花括号{} 包裹的一系列声明,例如:

{
height: 100px;
color: #ccc;
}

10. 规则或规则集

出现了选择器,而且后面还跟着声明块。如

.nav {
color: tansparent;
width: 23px;
}

11. 选择器

类选择器,以"."开头的选择器,很多元素可以应用同一个类选择器 如:。nav、。active

ID选择器 ,以"#"开头的选择器,一般指向唯一元素。如:#header、#page

属性选择器, 指含有[]的选择器, 如: input[type="text"] { }、[title~="css-world"] { }

伪类选择器,指前面有个英文冒号的选择器, 如::first-child 、:nth-child(1)、:hover

伪元素选择器, 有两个连续英文冒号的选择器, 如:::after、 ::befor

12. 关系选择器

后代选择器, 选择后代元素,空格连接, 如: .parent .child { }

相邻后代选择器(子选择器), 选择合乎规则的第一层子元素(儿子),孙子、重孙、第二次子元素等忽略, 使用>连接,(IE7以上版本)如: .parent>.first-child { }

兄弟选择器,选择当前元素后的所有兄弟元素, ~连接, (IE7以上版本)如: .nav~.siblings { }

相邻兄弟选择器, 选择当前元素相邻的兄弟元素, + 连接,(IE7以上版本) 如: .header+.nav { }

13. @规则

以@字符开始的一些规则,如媒体查询@media、字体@font-face

上述就是小编为大家分享的css的专业术语有哪些了,如果刚好有类似的疑惑,不妨参照上述分析进行理解。如果想知道更多相关知识,欢迎关注亿速云行业资讯频道。

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI