css声明语句总是以什么结束

CSS规则由两个主要的部分构成:选择器,以及一条或多条声明。选择器就是需要改变样式的HTML元素;每条声明由一个属性和一个值组成,css声明语句总是以分号“;”结束,声明组以大括号“{…}”括起来。

本教程操作环境:windows7系统、CSS3&&HTML5版、Dell G3电脑。

CSS 规则由两个主要的部分构成:选择器,以及一条或多条声明。

  • 选择器就是需要改变样式的 HTML 元素。

  • 每条声明由一个属性和一个值组成,属性是设置的样式属性(style attribute),每个属性都有一个值,属性和值用冒号分隔。

CSS 声明总是以分号 ; 结束,声明组以大括号 {…} 括起来。为了让 CSS 可读性更强,可以每行只描述一个属性。

例:

 p
 /*选择器*/
 {
     color:red;/*属性+值*/
     text-indent:2em;
 }

CSS的id选择器和class 选择器

id 选择器

/* 注意:id选择器前有 # 号。 */
#sky{
  color: blue;
}
<p id=sky>蓝色的天空</p>
<p id=forest>绿色的森林</p>

这条规则表明,找到页面上id为sky的那个元素让它呈现蓝色,如下所示的页面,蓝色的天空这几个字就将会是蓝色的。id选择器适用范围只有一个元素。

class 选择器

/* 注意:class选择器前有 . 号。 */
.center{
  text-align: center;
}
.large{
  font-size: 30px;
}
.red{
  color: red;
}
<p class=center>我会居中显示的</p>
<p class=red>我是红色的</p>
<p class=center large red>我又红又大还居中</p>
<p class=red>我也可以是红的</p>

元素的class值可以有多个,也可以重复。class选择器应用非常普遍。

css注释

任何语言都需要注释,HTML 使用<!- 注释语句-> 来进行注释,而 CSS 使用/* 注释语句 */来进行注释。

body {  /*页面基本属性*/
    font-size: 12px;
    color: #CCCCCC;
}
/*段落文本基础属性*/
p {
    background-color: #FF00FF;
}

注释作用:

CSS注释有着注解说明之用,常常我们使用CSS注解进行对CSS代码或布局CSS样式进行特别说明批注。也有条件注释进行功能性的使用。

css注解(css 注释)可以帮助我们对自己写的CSS文件进行说明,如说明某段CSS代码是什么地方、功能、样式等说明,以便我们以后维护具有一看即懂的方便性,同时在团队开发网页是时候合理适当的注解有利于团队看懂css样式是对应html哪里的,以便顺利快速开发div css网页。

(学习视频分享:css视频教程

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


css的bordercolor属性怎么使用
CSS中contain属性的作用和语法
深入学习响应式布局框架:适合初学者到专家的详尽指南
CSS3选择器优先级规则
margin-top用法
选择最适合您的响应式布局框架:综合评估不同工具
使用CSS中的content属性
设计一个无缝适应不同屏幕尺寸的网站
如何处理CSS样式的层叠问题
探究最佳响应式布局框架:竞争激烈!
学习基本数据类型的快速入门:掌握常用操作技巧
CSS中float布局介绍
一同探讨响应式布局的益处
掌握响应式设计的益处,让网页在不同设备上展现完美适配!
可能导致CSS加载失败的原因有哪些?
各种基本数据类型的全面操作指南
CSS3选择器是否用于设计界面结构?
响应式布局优化移动设备适配的策略与实用技巧
伪元素怎么清除浮动
利用CSS响应式布局创作独特网页设计的设计技巧