四.CSS声明

概述

一条CSS规则包括选择符和声明两个部分，声明又包括属性和值，属性指出要影响样式的那个方面，而值用于把属性设定成什么

每个HTML元素有很多属性，可以用CSS来设定，但值却只有少数的几种

CSS属性的值

CSS属性值分为文本值、数字值、颜色值

文本值：也叫做关键字，所有的CSS属性都有文本值

p{background-color: red}

上面的red就是一个文本值

数字值：数值值用于描述元素的各种“长度”，这里长度是泛指，它可以指高度、宽度，粗细等等，数字值分：绝对值和相对值，

绝对值描述是一个真实的长度，而相对值是相对于其他基准的描述；数字值后面都有一个单位，如果是0可以不带单位，比如

p{font-size: 36px}

上面的36px就是一个数字值

颜色值：颜色值可以用几种不同的格式来写，比如RGB、HSL、十六进制等

时间： 2024-11-07 23:48:30

四.CSS声明的相关文章

Unit02： CSS 概述、 CSS 语法、 CSS 选择器、 CSS声明

Unit02: CSS 概述 . CSS 语法 . CSS 选择器 . CSS声明 my.css p { color: yellow; } demo1.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <!-- 2.内部样式:在head元素内部的style标签内写样式,这种样式

GroupBy(..)的四种声明方式的理解及调用

这里我们以 List<Student> studs作为 source,但是注意,studs中的学生可以是分别属于不同的班级和年级先看GroupBy的第一种声明: public static IEnumerable<IGrouping<TKey, TSource>> GroupBy<TSource, TKey>(this IEnumerable<TSource> source, Func<TSource, TKey> keySelec

CSS权威指南之css声明，伪类，文本处理--(简要笔记一)

1.css层叠的含义后面的会覆盖前面的样式 2.每个元素生成一个框,也称盒. 3.替换元素和非替换元素. img如果不指定src的外部路径,该元素就没有意义.他由文档本身之外的一个图像文件来替换. 大多数都是非替换元素.span中的内容由用户代理. 4.元素间的父子与祖先如果一个元素在另外一个元素的直接上一层,他们就有父子关系如果是从一个元素到另外一个元素的路径要经过两层或多层,那这个就是祖先与后代的关系 5.animate的动画叠加解决办法使用的时候在animate前面放上stop 6

CSS声明1

border box 背景图片背景色以上四个CSS基础知识简介总结过文本格式化: 控制字体控制文本格式表格样式: 表格常用样式属性表格特有样式属性控制字体 font-famaily:value1,value2: 字体大小: font-size:value: 字体加粗: font-weight:normal: 控制文本格式: 文本颜色: color:value: 文本排列: text-align:left/right/center: 文字修饰: text-decoration:non

css声明的优先级

选择器的特殊性选择器的特殊性由选择器本身的组件确定,特殊性值表述为4个部分,如0,0,0,0,0 一个选择器的具体特殊性如下确定 1.对于选择器给定的ID属性值,加0,1,0,0 2.对于选择器中给定的各个类属性,属性选择,或伪类,加0,0,1,0 3.对于选择器中给定的各个元素和伪元素,加0,0,0,1 4.通配符的选择器的特殊性为0,0,0,0 5.结合符对选择器特殊性没有一点贡献 6.内联声明的特殊性都是1,0,0,0 7.继承没有特殊性特殊性1,0,0,0大于所有的以0开头的特殊性(

CSS声明列表样式显示方式鼠标形状

列表样式 list-style-type list-style-image 显示方式: 默认显示方式改变显示方式鼠标形状: 如何改变属性形状 cursor属性 list-style-type: 该属性控制列表中列表项标志的样式无序列表有序列表 list-style-image 该属性使用图像替换列表项的标志取值为:URL(),制定图像有序或无序列表项的标志列表样式代码: <!doctype html> <html> <head> <title>列

webpack教程(四)——css的加载

首先要安装css的loader npm install css-loader style-loader --save-dev 然后在webpack.config.js中配置如下代码意思是先用css-loader加载css文件,再用style-loader添加在页面中在app目录下创建component.css文件 body{ background-color: red; } 在app/index.js中引入css文件运行npm run start命令. 可以看到我们浏览器整个背景都变成了红

(四)CSS选择器和派生选择器

CSS派生选择器允许你根据文档的上下文关系来确定某个标签的样式.在学习派生之前,先来了解基本的CSS选择器.前面的文章中提到过下图,选择器的位置如下所示: CSS选择器分为几种基本选择器:元素选择器.id选择器.类选择器.属性选择器 1.元素选择器 html {color:black;} h1 {color:blue;} h2 {color:silver;} 2.id选择器:为指定id的HTML元素指定样式. #red {color:red;} #green {color:green;} 在H

C++编程学习（四）声明/枚举

一.typedef 声明 typedef 为一个已有的类型取一个新的名字 typedef int num;//feet是int的另一个名字num a;//a是int类型二.枚举类型 enum color { red, green, blue } c; c = blue;//定义了一个颜色枚举,变量 c 的类型为 color.最后,c 被赋值为 "blue".默认情况下,第一个名称的值为 0,第二个名称的值为 1,第三个名称的值为 2,以此类推.但是,您也可以给名称赋予一个特殊的值,只