css声明由什么组成,css每条声明由一个什么组成-程序员宅基地
技术标签： css声明由什么组成
在css中，每条声明由“属性”和“属性值”组成，并用分号来标识一个声明的结束，在一个样式中最后一个声明可以省略分号；所有声明被放置在一对大括号“{}”内，然后整体紧邻选择器的后面。
本教程操作环境：windows7系统、CSS3版、Dell G3电脑。
CSS样式及其基本语法
CSS 代码可以在任何文本编辑器中打开和编辑。因此，不管读者有没有编程基础，初次接触 CSS 时会感到很简单。本节将介绍 CSS 基本语法。
样式是 CSS 最小语法单元，每个样式包含两部分内容：选择器和声明(规则)，如图所示。
1) 选择器(Selector)
选择器告诉浏览器该样式将作用于页面中哪些对象，这些对象可以是某个标签、所有网页对象、指定 class 或 id 值等。浏览器在解析这个样式时，根据选择器来渲染对象的显示效果。
2) 声明(Declaration)
声明可以增加一个或者无数个，这些声明告诉浏览器如何去渲染选择器指定的对象。
声明必须包括两部分：属性和属性值，并用分号来标识一个声明的结束，在一个样式中最后一个声明可以省略分号。
所有声明被放置在一对大括号{ }内，然后整体紧邻选择器的后面。
3) 属性(Property)
属性是 CSS 提供的设置好的样式选项。属性名由一个单词或多个单词组成，多个单词之间通过连字符相连。这样能够很直观地表示属性所要设置样式的效果。
4) 属性值(Value)
属性值用来显示属性效果的参数。它包括数值和单位，或者关键字。
【示例1】
定义网页字体大小为 12 像素，字体颜色为深灰色，则可以设置如下样式。body{ font-size: 12px; color: #CCCCCC; }
多个样式可以并列在一起，不需要考虑如何进行分隔。
【示例2】
定义段落文本的背景色为紫色，则可以在上面样式基础上定义如下样式。
body{ font-size: 12px; color: #CCCCCC;} p{ background-color: #FF00FF; }
由于 CSS 语言忽略空格(除了选择器内部的空格外)，因此可以利用空格来格式化 CSS 源代码，则上面代码可以进行如下美化：body {
font-size: 12px;
color: #CCCCCC;
}
p {
background-color: #FF00FF;
}
这样在阅读css源代码时就一目了然了，既方便阅读，也更容易维护。
任何语言都需要注释，HTML 使用 来进行注释，而 CSS 使用/* 注释语句 */来进行注释。
【示例3】
对于上面样式可以进行如下注释。body { /*页面基本属性*/
font-size: 12px;
color: #CCCCCC;
}
/*段落文本基础属性*/
p {
background-color: #FF00FF;
}
(学习视频分享：css视频教程)
智能推荐
vivo是安卓手机吗_win10支持手机吗 win10支持打开安卓APP手机名单汇总-程序员宅基地
文章浏览阅读154次。win10支持手机吗 win10支持打开安卓APP手机名单汇总本周推出新一代Galaxy Note20、Z Fold 2折叠屏手机的同时，三星与微软也做了一些软件上的联动。简单来说，通过Windows 10上的“Your Phone(你的手机)”APP，可以在连接到三星手机后，直接运行手机内安装的安卓APP，界面体验和原生APK一致。甚至，你可以将常用APK固定到任务栏中，每一款APP都会在单独新..._vivo手机windows10设备支持状态
colcon build --merge-install --packages-select cpp_srvcli报错-程序员宅基地
文章浏览阅读153次。原因：未初始化工作环境。_colcon build --merge-install
MSB4019找不到导入的项目“E:\VS2019\HalconCpp_x64.props”。请确认 Import 声明“E:\VS2019\HalconCpp_x64.props”中的表达式正确_严重性 代码 说明 项目 文件 行 禁止显示状态 错误 msb4019 找不到导入的项目“e:-程序员宅基地
文章浏览阅读1.3k次，点赞3次，收藏4次。电脑上运行从其他电脑拷贝过来的程序，报错；报错原因：HalconCpp_x64.props是原代码中配置的属性文件，拷贝过来路径不对，因此找不到；解决方法：使用写字板打开出错文件.vcxproj后缀名的文件（尝试使用VS，但是无法打开），找到出错的72行，<Import Project="D:\HalconCpp_x64.props" />， 将文件HalconCpp_x64.props的路径改为现有路径：Project="..\..\..\Halcon_CPP\..._严重性 代码 说明 项目 文件 行 禁止显示状态 错误 msb4019 找不到导入的项目“e:
java遍历一个map_java中遍历一个Map-程序员宅基地
文章浏览阅读72次。java中遍历一个MapMap map = new HashMap();Iterator iter = map.entrySet().iterator();while (iter.hasNext()) {Map.Entry entry = (Map.Entry) iter.next();Object key = entry.getKey();Object val = entry.getValue(..._map java 遍历
PDF转换成图片_c++开源pdf转图片-程序员宅基地
文章浏览阅读8.9k次，点赞2次，收藏17次。最近公司安排了个任务：要求交付一个DLL，实现【PDF转换成图片】，最好的效果是能够掌握所有源码，实在不行才交付第三方DLL。研究了6个工作日+1双休+每晚9点下班，逛遍了国内外各种论坛，还是没能成功整出源码，但发现了很多有用的工具和其他工具，在此分享给大家。1.【iTextSharp.dll】，C# 开源PDF处理工具，可以任意操作PDF，并可以提取PDF中的文字和图片，但不能直接将PDF转_c++开源pdf转图片
python logger.debug_Python logger模块-程序员宅基地
文章浏览阅读629次。1 logging模块简介logging模块是Python内置的标准模块，主要用于输出运行日志，可以设置输出日志的等级、日志保存路径、日志文件回滚等；相比print，具备如下优点：可以通过设置不同的日志等级，在release版本中只输出重要信息，而不必显示大量的调试信息；print将所有信息都输出到标准输出中，严重影响开发者从标准输出中查看其它数据；logging则可以由开发者决定将信息输出到什么..._python logging debug
随便推点
命令代码含义_指令代码是什么意思-程序员宅基地
文章浏览阅读839次。#define CMD_RIGHT_ID 0x41//#define CMD_SYS_REST 0x55//软件复位#define CMD_DIS_JLINK 0X56//失能jlink#define CMD_EN_JLINK 0X57//使能jlink#define CMD_MPU_FAIL 0x58//mpu9250³õʼ»¯´íÎó#define CM..._指令代码是什么意思
centos搭建单机伪分布式MongoDB集群_mongodb-src-程序员宅基地
文章浏览阅读2.2k次。centos搭建单机伪分布式MongoDB集群一、实验任务要求使用一台虚拟机搭建伪分布式的MongoDB集群。集群有六台机器，分成六个副本集，S1,S2,S3,S4,S5,S6，每个副本集分三个节点。同一副本集中的节点有一个主节点，两个从节点，从节点的数据与主节点一致；OS为mongos进程（路由服务器）；C为config server（配置服务器），设置了三个配置服务器。熟悉使用MongoDB的增删改查操作。1.安装与配置（1）首先，从官网上下载好安装包解压到opt文件夹，命名为mongodbt_mongodb-src
linux中top中vsz博客,linux top 命令-程序员宅基地
文章浏览阅读5.9k次。Linux下提供top、ps命令查看当前cpu、mem使用情况，简要介绍如下：一、使用ps查看进程的资源占用ps -aux查看进程信息时，第三列就是CPU占用。[root@localhost utx86]# ps -aux | grep my_processWarning: bad syntax, perhaps a bogus '-'? See/usr/share/doc/procps-3.2...._top vsz
华为p30怎么升级鸿蒙系统_华为p30如何刷鸿蒙-程序员宅基地
文章浏览阅读1.2w次。自从华为公布了鸿蒙系统的公测后，华为各型号的手机也是陆续接收到公测的推送，而华为p30手机也可以尝试鸿蒙系统了。有使用华为pa30的小伙伴想了解p30怎么升级鸿蒙系统，下面小编就给大家讲下华为p30升级鸿蒙系统的方法。方法一：1、大家只需要进入系统设置，找到系统和更新。2、进入系统和更新后再点击“软件更新”就可以更新到鸿蒙系统了。方法二：1、如果第一种没看到的话，可以在手机之中找到“我的华为”APP，如果你没找到的话可以选择去华为应用市场里下一个我的华为。2、找到打开之后_华为p30如何刷鸿蒙
“交叉引用”这个word自带功能，帮我们自动管理毕业论文的参考文献标注！_交叉引用文献的作用-程序员宅基地
文章浏览阅读1.8k次，点赞4次，收藏5次。本着“持续学习”的思想，我想 word 这么强大的工具，一定有自动为我们的参考文献标注顺序并在正文中建立链接的功能。在网上搜索了一番资料，我改进整理于此，希望能为你们的毕业论文排版过程节省时间。_交叉引用文献的作用
重学STM32---（十） ——CAN通信(二)-程序员宅基地
文章浏览阅读370次。 CAN协议是非常难的，但是在stm32中却是简单的，只需要我们配置寄存器即可，，，即使这样，我在学习的时候也遇到了许多困难1.开时钟,不用说2.设置GPIO口，，CAN_TX复用推挽输出，CAN_RX上拉或浮空输入3.CAN初始化了，分三步（1） 一般设置 /*对CAN初始化*/ CAN1->MCR |= 1 << 15; ..._can->flagrto