css语法由哪三部分组成?

CSS语法由三部分构成,分别:选择器、属性和值。

selector {property: value}
选择器{属性:属性值}

选择器 (selector) 通常是你希望定义的 HTML 元素或标签,属性 (property) 是你希望改变的属性,并且每个属性都有一个值。属性和值被冒号分开,并由花括号包围,这样就组成了一个完整的样式声明(declaration)。

例:

body {color: blue}

上面这行代码的作用是将 body 元素内的文字颜色定义为蓝色。在上述例子中,body 是选择器,而包括在花括号内的的部分是声明。声明依次由两部分构成:属性和值,color 为属性,blue 为值。

css代码由 选择器,以及一条或多条声明构成,声明又由属性和值构成。也可以说css代码由选择器、属性、值构成,如下面的代码示例:

选择器 {
    属性1: 值1;
    属性2: 值2;
    ……
}
.div1 {
    width: 100px;
    height: 200px;
}
  • 选择器 .div1

  • 属性 width 值 100px

  • 属性 height 值 200px

Image placeholder
前端答疑
未设置
  33人点赞

没有讨论,发表一下自己的看法吧

推荐文章
css语言难学吗?

CSS难学吗?css入门容易,想学深还是挺难的;学习css需要多加练习。CSS为什么难学CSS属性很多,难以一次性记下来CSS属性之间互相影响,难以完全掌握CSS核心概念都写在文档中,但是如果不熟悉一

如何判断css加载完成?

如何判断css加载完成?要判断这个CSS文件是否加载完毕,各个浏览器的做法差异比较大。IE下可以直接使用onload事件来监听css加载。Firefox和webkit内核的浏览器,需要使用setTim

jquery判断页面是否加载完成?

jquery判断页面是否加载完成?1、使用$(document).ready()$(document).ready(function(){ alert('dom加载完成'); });2、简写方式(推荐

jquery如何判断图片是否加载完成?

对于图片的处理,例如幻灯片播放、缩放等,都是依赖于在所有图片完成之后再进行操作。今天来看下如何判断所有的图片加载完成,而在加载完成之前可以使用loading的gif图表示正在加载中。一、普通方法监听i

【CSS全解01】CSS基础-体系化学CSS

大纲 基础部分学习占比:HTML1%`CSS19%Javascript80%`(`基础部分?%框架?%`项目?%) CSS历史 AcidTestforbrowser CSS是艺术(非逻辑,用测试经验来

css的语法规则是什么?

css的语法规则是什么?1、CSS规则由两个主要的部分构成:选择器,以及一条或多条声明:选择器{ 声明1; 声明2; 声明3; ...... }(推荐学习:CSS视频教程)2、CSS样式申明——At-

不一样的css,sass(scss)的基本使用

前言此文主要记录sass的scss语法的基本使用。sass是css的预编译器,它扩展一些css所没有的变量的定义、条件控制、循环、自定义方法等。基础内容1.变量/*scss*/ //声明变量 $pri

前端培训-中级阶段(31)- Class 的基本语法、Class 的继承(2019-12-26期)

前端最基础的就是HTML+CSS+Javascript。掌握了这三门技术就算入门,但也仅仅是入门,现在前端开发的定义已经远远不止这些。前端小课堂(HTML/CSS/JS),本着提升技术水平,打牢基础知

css3.0和css2.0区别?

css3.0和css2.0区别?css3加强了css2的功能,增加了新的属性和新的标签,并且删除了一些冗余的标签,在布局方面减少了代码量。以前比较复杂的布局现在一个属性就搞定了(columns之类的属

css1和css2的区别是什么?

css1和css2的区别是什么?CSS1提供有关字体、颜色、位置和文本属性的基本信息,该版本已经得到了目前解析HTML和XML的浏览器的广泛支持。CSS2.0提供给我们了一个机制,让开发时可以不考虑显

dw cs6怎么保存为css格式

dwcs6怎么保存为css格式1、首先,打开DreamweaverCS6,新建一个css文档,选中“css”,点击确定按钮。2、将设计好的css样式放入该页面,@charset"utf-8";用来指定

PHP 7.4 新语法:箭头函数

短闭包,也叫做箭头函数,是一种用php编写的短函数.当向函数中传递闭包时,这个功能是非常有用的,比如使用array_map或是array_filter函数时. 这就是它们看起来的样子: //Post

Markdown 语法教程

一、概述 1.1设计理念 Markdown易于阅读,方便创作web文档,利于各平台无缝分发。 Markdown语法灵感最大的来源还是纯文本email的格式,完全由标点符号标签组成的纯文本。 Mark

go 语法快速入门

第一个程序HelloWorld 按照国际惯例,我们来实现helloworld packagemain import"fmt" funcmain(){ fmt.Println("Hello,Worl

go 语法快速入门

第一个程序HelloWorld按照国际惯例,我们来实现helloworldpackagemain import"fmt" funcmain(){ fmt.Println("Hello,World"

Android兼容Java 8语法特性的原理分析

本文主要阐述了Lambda表达式及其底层实现(invokedynamic指令)的原理、Android第三方插件RetroLambda对其的支持过程、Android官方最新的dex编译器D8对其的编译支

Shell 语法

变量声明、使用、只读、删除myUrl="runoob.com" echo$myUrl${myUrl} readonlymyUrl unsetmyUrl1、定义变量时,不加$,变量名和等号之间不能

JavaScript语法笔记

//变量就是一个容器;//如果要使用数据就一定先声明变量,将值放在变量中,再用这个变量//变量名要有意义numberOnenumberTwo//变量数值使用=号,将右边的值,给左边的变量