css属性一般不区分大小写,CSS对大小写不敏感。不过存在一个例外:如果涉及到与HTML文档一起工作的话,class和id名称对大小写是敏感的;且有时css的属性选择器对于属性值是区分大小写的,而对于属性名却大小写不敏感。

CSS对大小写不敏感。不过存在一个例外:如果涉及到与HTML 文档一起工作的话,class和id名称对大小写是敏感的。

CSS 语法

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。selector {declaration1; declaration2; ... declarationN }

选择器通常是您需要改变样式的 HTML 元素。

每条声明由一个属性和一个值组成。

属性(property)是您希望设置的样式属性(style attribute)。每个属性有一个值。属性和值被冒号分开。selector {property: value}

下面这行代码的作用是将 h1 元素内的文字颜色定义为红色,同时将字体大小设置为 14 像素。

在这个例子中,h1 是选择器,color 和 font-size 是属性,red 和 14px 是值。h1 {color:red; font-size:14px;}

下面的示意图为您展示了上面这段代码的结构:

提示:请使用花括号来包围声明。

记得写引号

提示:如果值为若干单词,则要给值加引号:p {font-family: "sans serif";}

多重声明:

提示:如果要定义不止一个声明,则需要用分号将每个声明分开。下面的例子展示出如何定义一个红色文字的居中段落。最后一条规则是不需要加分号的,因为分号在英语中是一个分隔符号,不是结束符号。然而,大多数有经验的设计师会在每条声明的末尾都加上分号,这么做的好处是,当你从现有的规则中增减声明时,会尽可能地减少出错的可能性。就像这样:p {text-align:center; color:red;}

你应该在每行只描述一个属性,这样可以增强样式定义的可读性,就像这样:p {

text-align: center;

color: black;

font-family: arial;

}

更多web开发知识,请查阅 DMOZ中文网站分类目录 !!

css样式中的属性区分大小写吗,css属性区分大小写吗?相关推荐

  1. css样式中的vw什么意思,css vw是什么单位

    在css中,vw是一个长度单位,一个视口单位,是指相对于视口的宽度:视口会被均分为100单位的vw,则1vw等于视口宽度的1%,比如浏览器的宽度为1920px,则"1vw=1920px/10 ...

  2. css样式中的vw什么意思,css中vw是什么意思?

    在css中,vw是一种视窗单位,也是相对单位.相对于视口的宽度,视口被均分为100单位的vw. 在css中,vw是一种视窗单位,也是相对单位.相对于视口的宽度,视口被均分为100单位的vw.下面本篇文 ...

  3. css样式中的vw什么意思,css中vw指的是什么单位

    css中vw指的是什么单位 发布时间:2020-12-16 10:46:00 来源:亿速云 阅读:66 作者:小新 这篇文章主要介绍了css中vw指的是什么单位,具有一定借鉴价值,需要的朋友可以参考下 ...

  4. float属性html,详解CSS样式中的float属性

    详解CSS样式中的float属性.float是 css 样式的定位属性.我们在印刷排版中,文本可以按照需要围绕图片.一般把这种方式称为"文本环绕".在网页设计中,应用了CSS的fl ...

  5. html 中写样式,css样式中黑体怎么写

    css样式中黑体怎么写 css中通过font-family指定黑体即可.font-family:"Heiti SC","黑体-简" 如果是中文字体需要加引号,字 ...

  6. 在HTML中 表示内嵌CSS样式的标记,html怎么加css样式

    html怎么加css样式?下面本篇文章就来给大家介绍一下在HTML中添加CSS样式的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.行内式(使用style属性,在HTML标 ...

  7. php中的文字排版问题,CSS布局中常用的文字排版相关属性详解

    本篇文章给大家带来的内容是关于CSS布局中常用的文字排版相关属性详解,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助. CSS布局中常用的文字排版相关属性详解 一.设定文字字体.颜色.大 ...

  8. CSS样式中选择器+盒子模型+定位+浮动

    CSS样式中选择器+盒子模型+定位+浮动 一.选择器 选择器,选择你所需要修饰的HTML元素 1.通配符选择器 <!DOCTYPE html> <html><head&g ...

  9. ol在html中意思,在CSS样式中 .ol是什么意思啊

    在CSS样式中 .ol是什么意思啊 作者:佚名 来源:网络整理 2011-1-27 在CSS样式中.ol是什么意思啊 最佳答案 1〉type类型选择项目符号用的不同样式 list-style-type ...

  10. 双下划线一粗一细怎么加_css双下划线 css样式中怎样控制下划线的粗细?

    html 怎么加双横线给相应的标签加一个属性border-bottom:3px double red; 如果双线间的距离要加大,把3px改为更大的值就行了,不过不能小于3px,不然就叠在一起看不出来是 ...

最新文章

  1. python实现yolo目标检测_从零开始PyTorch项目:YOLO v3目标检测实现
  2. SLAM++: SLAM at the Level of Objects
  3. spring cloud alibaba版本选择
  4. ZOJ 1743 Concert Hall Scheduling(DP)
  5. MySQL 8.0 CentOS 7安装手册
  6. Brave devil
  7. 计算已经生活了多少天的小题目
  8. Python 3.10 明年发布,看看都有哪些 PEP ?
  9. 我对无服务器架构的一些看法
  10. MySQL技巧-EXPLAIN输出格式
  11. Python:蒙特卡罗方法模拟解决三门问题
  12. WiFi模块吞吐量测试
  13. source insight的查找功能
  14. java全角转半角,半角转全角的方法
  15. TWEN-ASR ONE 语音识别系列教程(1)--- 运行第一个程序
  16. 【深度学习】深度学习模型
  17. GD32F130之GPIO
  18. php 运行命令行,命令行运行php报错
  19. .NET SmtpClient发送电子邮件 JMail组件
  20. 大学计算机云计算ppt,云计算技术在大学计算机应用大赛中的应用分析

热门文章

  1. 下载安装虚拟机 + 在虚拟机上安装win7系统
  2. 简历中项目部分内容梳理
  3. 服务器网站域名ip地址的关系,IP地址与域名两者之间的关系
  4. 定义名为MyTime的类,其中应有三个整型成员:时(hour),分(minute),秒(second);C++
  5. 表格html适应手机端,纯CSS实现响应式表格适应移动端
  6. 刷爆外网!中国天才设计师火到日本,30 张神仙海报看完真的服!
  7. web页面调用百度地图,在百度页面标注多个标点,为百度地图标点添加标注,点击标点跳转到百度地图进行导航。
  8. 三年级下册语文计算机之父教案,三年级下册教案(二)《和时间赛跑 24.计算机之父的童年故事》 教案教学设计...
  9. 排名 优化 mysql_MySQL全球服务器排名及常见优化方法
  10. 2021年「博客之星」参赛博主:孙中明