热门标签 | HotTags
当前位置:  开发笔记 > 前端 > 正文

你所不知道的css规则,值得收藏!!

我们css样式的时候,要了解其规则,否则我们在执行htmI文件的时候有些样式将无法显现。有一定的参考价值,希望能对大家有所帮助。
我们css样式的时候,要了解其规则,否则我们在执行htmI文件的时候有些样式将无法显现。有一定的参考价值, 希望能对大家有所帮助。

在css中,属性与其属性之间需要使用英文的":"来连接,多个属性之间需要使用英文的";"来连接,以便于区分。

特点:

css中,各种选择器都严格区分大小写,然而属性与其值不区分大小写,可以混合用,但按照我们的书写习惯,这些都是用小写来书写;

在写css代码时,需要使用花括号将代码括起来;

各个属性之间都是用英文状态下的";"来隔开的,最后一个属性值后面的分号可以省略不写;

属性值之间有许多单词并且包含很多空格,因此这条css代码必须加上全英文状态下的引号,否则此条命令无效;

在写css代码时,为了提高代码的可读性,我们需要加上css注释,方便我们下一次阅读;

在css中,我们写代码时敲下的空格键等其他的并不会被解析,所以花括号以及分号前后的空格可以省略,但是为了美观,我们需要使用空格键;

在书写css代码时,我们会使用空格键、tab建,回车键对代码进行排版,方便我们去观察,提高代码的美观性以及可读性。

推荐学习:CSS3视频教程

以上就是你所不知道的css规则,值得收藏!!的详细内容,更多请关注其它相关文章!


推荐阅读
  • 本文介绍如何使用 Arcade 库在 Python 中绘制太阳,包括环境配置、基础图形绘制方法及具体代码示例。 ... [详细]
  • 本项目使用Java语言开发了一个基于B/S架构的指纹识别系统,该系统能够实现指纹的高效采集与精准识别,适用于多种安全认证场景。 ... [详细]
  • 为什么会崩溃? ... [详细]
  • Redis: 高效的键值存储系统
    Redis是一款遵循BSD许可的开源高性能键值存储系统,它不仅支持多种数据类型的存储,还提供了数据持久化和复制等功能,显著区别于其他键值缓存解决方案。 ... [详细]
  • 本文详细介绍了如何在ReactJS项目中集成Onsen-UI的ActionSheetButton组件,并通过具体示例展示了其使用方法及效果。 ... [详细]
  • 第1章选择流程控制语句1.1顺序结构的基本使用1.1.1顺序结构概述是程序中最简单最基本的流程控制,没有特定的语法结构,按照代码的先后顺序,依次执行,程序中大多数的代码都是这样执行 ... [详细]
  • 现在的新手程序猿,动不动就是框架,就连外面培训的也是框架,我就问一句,没了框架是不是就啥也不会了 ... [详细]
  • 本文介绍了一个基本的同步Socket程序,演示了如何实现客户端与服务器之间的简单消息传递。此外,文章还概述了Socket的基本工作流程,并计划在未来探讨同步与异步Socket的区别。 ... [详细]
  • 使用IntelliJ IDEA高效开发与运行Shell脚本
    本文介绍了如何利用IntelliJ IDEA中的BashSupport插件来增强Shell脚本的开发体验,包括插件的安装、配置以及脚本的运行方法。 ... [详细]
  • ED Tree HDU4812 点分治+逆元
    这道题非常巧妙!!!我们进行点分治的时候,算出当前子节点的所有子树中的节点,到当前节点节点的儿子节点的距离,如下图意思就是当前节点的红色节点,我们要求出红色节点的儿子节点绿色节点, ... [详细]
  • 本文探讨了React组件与普通HTML元素间间距不一致的问题,并提供了通过修改代码和使用CSS来解决这一问题的方法。 ... [详细]
  • IIS6批量添加主机头,修改IIS数据库
    首先,找到IIS的数据库。默认是在C:\WINDOWS\system32\inetsrv下的MetaBase.xml文件。如果找不到,请右键右键站点-》所有服务-》将配置保存到一个 ... [详细]
  • 本文详细介绍了Python中的生成器表达式、列表推导式、字典推导式及集合推导式等,探讨了它们之间的差异,并提供了丰富的代码示例。 ... [详细]
  • 本文介绍了基于Java的在线办公工作流系统的毕业设计方案,涵盖了MyBatis框架的应用、源代码分析、调试与部署流程、数据库设计以及相关论文撰写指导。 ... [详细]
  • 前端技术分享——利用Canvas绘制鼠标轨迹
    作为一名前端开发者,我已经积累了Vue、React、正则表达式、算法以及小程序等方面的技能,但Canvas一直是我的盲区。因此,我在2018年为自己设定了一个新的学习目标:掌握Canvas,特别是如何使用它来创建CSS3难以实现的动态效果。 ... [详细]
author-avatar
墨镜小辣妹
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有