首页前端开发CSScss声明语句总是以什么结束

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

时间2024-01-28 08:43:02发布访客分类CSS浏览215
导读:收集整理的这篇文章主要介绍了css声明语句总是以什么结束,觉得挺不错的,现在分享给大家,也给大家做个参考。CSS规则由两个主要的部分构成:选择器,以及一条或多条声明。选择器就是需要改变样式的HTML元素;每条声明由一个属性和一个值组成,cs...
收集整理的这篇文章主要介绍了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视频教程)

以上就是css声明语句总是以什么结束的详细内容,更多请关注其它相关文章!

声明:本文内容由网友自发贡献,本站不承担相应法律责任。对本内容有异议或投诉,请联系2913721942#qq.com核实处理,我们将尽快回复您,谢谢合作!

上一篇: css怎么设置4个边框颜色不同下一篇:5款实用CSS 3D特效让你的页面更...猜你在找的CSS相关文章 css怎么控制按钮不可用2022-05-17css3中transform属性实现的4种功能2022-04-13纯CSS3实现div按照顺序出入效果2022-04-13CSS实现隐藏搜索框功能(动画正反向序列)2022-04-13使用CSS3实现按钮悬停闪烁动态特效代码2022-04-13CSS3 Tab动画实例之背景切换动态效果2022-04-13CSS实现两列布局的N种方法2022-04-13CSS 实现Chrome标签栏的技巧2022-04-13css实现两栏布局左侧固定宽右侧自适应的多种方法2022-04-13从QQtabBar看css命名规范BEM的详细介绍2022-04-13 其他相关热搜词更多phpjavapython

若转载请注明出处: css声明语句总是以什么结束
本文地址: https://pptw.com/jishu/589415.html
值得收藏的26个css面试题,增强你的CSS基础! css怎么对文字分栏

游客 回复需填写必要信息