css专业术语有哪些?css专业术语介绍

本篇文章给大家带来的内容是关于css专业术语有哪些?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专业术语有哪些?css专业术语介绍的全部介绍,如果您想了解更多有关CSS视频教程,请关注PHP中文网。

以上就是css专业术语有哪些?css专业术语介绍的详细内容,更多请关注创想鸟其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 chuangxiangniao@163.com 举报,一经查实,本站将立刻删除。
发布者:程序猿,转转请注明出处:https://www.chuangxiangniao.com/p/1612473.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2025年12月24日 02:59:09
下一篇 2025年12月24日 02:59:19

相关推荐

  • CSS堆叠上下文是什么?有什么作用?

    本篇文章给大家带来的内容是关于css堆叠上下文是什么?有什么作用?有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 CSS 堆叠上下文是啥? 我们有一个基本样式的div,样式如下: div{ width: 200px; height: 200px; border:10px solid …

    2025年12月24日 好文分享
    000
  • CSS如何实现反方向圆角?(代码)

    本篇文章给大家带来的内容是关于css如何实现反方向圆角?(代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 原理 父级元素 relative,子元素 absolute,然后通过top、left、right、bottom来设置具体出现位置。 DOM结构 CSS样式 .wrappe…

    2025年12月24日
    000
  • css改变单选框颜色的方法实现(附代码)

    本篇文章给大家带来的内容是关于css改变单选框颜色的方法实现(附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 是否曾经被业务提出”能改改这个单选框的颜色吧!让它和主题颜色搭配一下吧!”,然后苦于原生不支持换颜色,最后被迫自己手撸一个凑合使用。若抛开i…

    2025年12月24日
    000
  • css如何实现图片大于div时的居中显示(代码实例)

    本文给大家介绍css如何实现图片大于div时的居中显示(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 当图片大于p时,想要图片居中显示,如果图片等比例缩小可能会导致图片不能填充整个p,如果直接将图片不设置宽高,将其外层p设置overflow:hidden;这时即使外层…

    好文分享 2025年12月24日
    000
  • CSS长度单位之em介绍

    本文给大家带来css长度单位之em介绍,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 一、为什么使用em em也是css中的一种单位,和px类似。很多人会疑惑为什么有了px之后还要使用em,而且em使用起来相对于px来讲比较麻烦。 em主要是应用于弹性布局,下面给出一个小栗子说明…

    2025年12月24日 好文分享
    000
  • CSS什么是图标字体(IconFont)?有什么用?

    本篇主要介绍一种非常好用的图标大法——图标字体(iconfont)。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 什么是图标字体?顾名思义,它是一种字体,只不过这个字体显示的并不是具体的文字之类的,而是各种图标。 网站上经常会用到各种图标,之前网页上使用图标主要采用精灵图(背景位…

    2025年12月24日 好文分享
    000
  • CSS如何实现滚动的图片栏(代码实例)

    本文给大家介绍css如何实现滚动的图片栏(代码实例),有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 在一些网站上可以经常看到有一些图片进行持续不断的滚动,这个效果可以通过css的动画效果来实现。具体效果如下 主要原理是通过动画向左移动。 首先给出两组一样的图片(同一行上),让整体…

    2025年12月24日
    000
  • CSS如何设置背景属性(详解)

    本文给大家详解css如何设置背景属性,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 背景相关属性主要有: background-color  背景颜色  background-image 背景图片 background-repeat 是否平铺 repeat (默认平铺) | re…

    好文分享 2025年12月24日
    000
  • css如何设置颜色值?rgb()设置颜色(代码实例)

    css如何设置颜色值?本篇文章就给介绍在css中如何用rgb()来设置颜色,让大家可以了解rgb()设置颜色的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 首先我们来了解一下rgb是什么意思? RGB:一种色彩模式 ,是工业界一种颜色标准;可以通过对红(R)、绿(G)、蓝(…

    2025年12月24日
    000
  • 如何使用纯CSS实现热气球的效果(附源码)

    本篇文章给大家带来的内容是关于如何使用纯css实现热气球的效果(附源码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 效果预览 源代码下载 https://github.com/comehope/front-end-daily-challenges 代码解读 定义 dom,容器中…

    2025年12月24日
    000
  • css如何对文本进行修饰?css修饰文本样式的9种属性(总结)

    css如何对文本进行修饰?本篇文章就给大家总结了css修饰文本文字的一些方法,介绍一些css 修饰文本的属性,让大家了解css修饰文本文字的9种属性有哪些。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 1、css设置文本文字颜色的属性 color属性:设置文本文字颜色。用法如下:…

    好文分享 2025年12月24日
    000
  • 如何利用css的background绘制图形 (附代码)

    本篇文章给大家带来的内容是关于如何利用css的background绘制图形 (附代码),有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 相信大家在平时工作中少不了会被要求在某些元添加一些特殊的背景图片,这时候通常就拿起ps就是切切切。不说这种方式麻烦,有ui给你切好的情况已经不错,没…

    2025年12月24日 好文分享
    000
  • 详解CSS pointer-events属性的使用

    这篇文章主要介绍了css pointer-events属性的使用,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 在前端的开发中,我们都是直接与用户接触,应该尽量让用户感到操作畅快愉悦,获得类似native的感觉。其中动画是最常用的方法。 这里的需求是,弹层的设计,这个弹层希望可以…

    2025年12月24日
    000
  • css实现酷炫的右侧悬浮菜单栏效果(代码实例)

    本文给大家介绍css如何实现酷炫的右侧悬浮菜单栏效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 默认显示效果: 鼠标悬浮效果:   HTML、JS代码如下: 立即学习“前端免费学习笔记(深入)”; *{margin:0;padding:0;} body{ color:#333…

    2025年12月24日
    000
  • PC端移动端不同屏幕大小下响应式布局

    本文给大家介绍pc端移动端不同屏幕大小下响应式布局,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 先上效果图: PC端效果: 移动端效果: 代码如下: 响应式布局1234 pc.css  样式代码: *{margin:0;padding:0;}ul{width:calc(100%…

    2025年12月24日
    000
  • 带你进一步认识CSS的层叠概念

    本篇文章给大家带来的内容是关于带你进一步认识css的层叠概念,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。 最近在项目的过程中遇到了一个问题,menu-bar希望始终显示在最上面,而在之后的元素都显示在它之下,当时设置了 z-index 也没有效果,不知道什么原因,因此找了一下cs…

    2025年12月24日
    000
  • 如何使用纯CSS制作特效导航条?

    本文给大家介绍如何使用纯css制作特效导航条,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 先上张图,看看效果: 在继续阅读下文之前,你可以先缓一缓。尝试思考一下上面的效果或者动手尝试一下,不借助 JS ,能否巧妙的实现上述效果。 OK,继续。这个效果是我在业务开发的过程中遇到的…

    2025年12月24日 好文分享
    000
  • css实现页面内容不够高footer始终位于页面的最底部效果

    本文给大家介绍css如何实现页面内容不够高footer始终位于页面的最底部效果,有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 相信很多前端工程师在开发页面时会遇到这个情况:当整个页面高度不足以占满显示屏一屏,页脚不是在页面最底部,用户视觉上会有点不好看,想让页脚始终在页面最底部,…

    好文分享 2025年12月24日
    000
  • css如何设置字母的大小写?text-transform属性设置字母的大小写(介绍)

    有的时候我们需要让英文单词或拼音首个字母大写;或者需要让全文中英文单词全大写或小写。那么这样的效果?本篇文章就给大家介绍css设置字母大小写的方法,让大家了解text-transform属性是怎样设置字母的大小写的。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 首先我们来了解一下…

    2025年12月24日
    000
  • css如何实现首字下沉效果?伪元素+浮动实现效果(代码实例)

    在word文档中有一个首字下沉功能,可以在文章的排版时使用,有时能给文章增色不少。那么css可以实现这样的效果吗?本篇文章就给大家介绍css是如何实现首字下沉效果的,让大家可以了解如何用css的伪元素+浮动实现首字下沉效果。有一定的参考价值,有需要的朋友可以参考一下,希望对你们有所帮助。 在css中…

    2025年12月24日 好文分享
    000

发表回复

登录后才能评论
关注微信