资讯专栏INFORMATION COLUMN

css专业术语笔记

番茄西红柿 / 2918人阅读

摘要:属性如等,称作的属性。如属性值属性冒号后面的所有内容统一称为属性值。例如声明属性名加上属性值就是声明例如声明块声明块是花括号包裹的一系列声明,例如规则或规则集出现了选择器,而且后面还跟着声明块。

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1702.html

相关文章

  • 当看到这些计算机专业术语...

    摘要:图形用户界面,是指采用图形方式显示的计算机操作用户界面,与相对,比如软件安装后会有打开选项。统一资源名称唯一标识一个实体的标识符,但是不能给出实体的位置。可以提供一种机制,用于查找和检索定义特定命名空间的架构文件。 正文 CLI command-line interface 命令行用户界面,是指可在用户提示符下键入可执行指令的界面。在安装很多工具时会看到,比如vue-cli、r...

    yeooo 评论0 收藏0
  • 前端开发者手册2019

    摘要:年,和前端开发者与应用程序前端开发者之间产生了巨大的分歧。开发最常见的解决方案有手机和平板的原生应用程序桌面应用程序桌面应用程序原生技术最后,前端开发者可以从浏览器开发中学习到,编写代码不需要考虑浏览器引擎的限制。 前端开发者手册2019 Cody Lindley 编著 原文地址 本手册由Frontend Masters赞助,通过深入现代化的前端工程课程来提高你的技能。 下载:PDF ...

    church 评论0 收藏0
  • 前端开发者手册2019

    摘要:年,和前端开发者与应用程序前端开发者之间产生了巨大的分歧。开发最常见的解决方案有手机和平板的原生应用程序桌面应用程序桌面应用程序原生技术最后,前端开发者可以从浏览器开发中学习到,编写代码不需要考虑浏览器引擎的限制。 前端开发者手册2019 Cody Lindley 编著 原文地址 本手册由Frontend Masters赞助,通过深入现代化的前端工程课程来提高你的技能。 下载:PDF ...

    xiao7cn 评论0 收藏0
  • 前端开发者手册2019

    摘要:年,和前端开发者与应用程序前端开发者之间产生了巨大的分歧。开发最常见的解决方案有手机和平板的原生应用程序桌面应用程序桌面应用程序原生技术最后,前端开发者可以从浏览器开发中学习到,编写代码不需要考虑浏览器引擎的限制。 前端开发者手册2019 Cody Lindley 编著 原文地址 本手册由Frontend Masters赞助,通过深入现代化的前端工程课程来提高你的技能。 下载:PDF ...

    邹立鹏 评论0 收藏0
  • 主机服务器是什么-什么是电脑主机服务器?

    摘要:什么是电脑主机服务器主机和服务器是相对而言的。主机一般是指个人使用的电脑机。服务器,是提供计算服务的设备。主机和服务器的区别是什么两者是包含和被包含的关系,主机是一个统称,所有服务器都是主机,但并非所有主机都是服务器。什么是电脑主机服务器?主机和服务器是相对而言的。主机一般是指个人使用的电脑PC机。而在专业术语中,主机仅是电脑的一部分。而我们常说的主机却往往代表整个电脑。服务器一般是指用于专...

    kohoh_ 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<