返回顶部
首页 > 资讯 > 精选 >css中样式规则是什么
  • 427
分享到

css中样式规则是什么

2023-06-15 02:06:59 427人浏览 独家记忆
摘要

这篇文章给大家分享的是有关CSS中样式规则是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。css的样式规则是:由选择器和声明块两个基本部分组成的。选择器决定为哪些元素应用样式;声明块定义相应的样式,它包含在一

这篇文章给大家分享的是有关CSS中样式规则是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

css的样式规则是:由选择器和声明块两个基本部分组成的。选择器决定为哪些元素应用样式;声明块定义相应的样式,它包含在一对花括号内,有一条或多条声明组成,而每一条声明则由一个属性和一个值组成,中间用冒号隔开。

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

CSS

层叠样式表简写为CSS,是英语Cascading Style Sheets的缩写。它是W3C定义和维护的标准,一种用来为结构化文档(如html文档或XML应用)添加样式(字体、间距和颜色等)的计算机语言。

概述

一个网页的读者和作者都可以使用CSS来决定文件的颜色、字体、排版等显示特性。CSS最主要的目的是将文件的结构(用HTML或其它相关的语言写的)与文件的显示(CSS)分隔开来。这个分隔有许多好处:

  • 文件的可读性被加强

  • 文件的结构更加灵活

  • 作者和读者可以自己决定文件的显示

  • 文件的结构简化了

CSS还可以使用其它的显示方式,比如声音(假如浏览器有阅读功能的话)或给盲人用的感受装置。此外CSS还可以与XHTML、XML或其它结构文件一起使用,唯一条件是显示这种文件的浏览器装备了接受CSS的功能。

HTML文件中的每一个class或id都可以有自己的显示特征,而且每一个没有id特性的HTML结构也可以有自己的显示特征。这些结构有的是HTML自己需要的,有的是专门为CSS设置的。

使用CSS的优点有:

  • 一个整个网站或其中一部分网页的显示信息被集中在一个地方,要改变它们很方便

  • 不同的读者可以有不同的样式,比如有的读者需要字体比较大

  • HTML文件本身的范围变小了,它的结构简单了,它不需要包含显示的信息

样式规则

CSS的语法很简单,它使用一组英语词来表示不同的样式和特征。

一个式样表由一组规则组成。每个规则由一个“选择器”(selector)和一个定义部分组成。每个定义部分包含一组由半角分号(;)分离的定义。这组定义放在一对大括号({ })之间。每个定义由一个特性,一个半角冒号(:)和一个值组成。

选择器(Selector)

通常为文件中的元素(element),如html中的<body>,<p>,<strong>等标签,多个选择器可以半角逗号(,)隔开。

属性(property)

CSS1、CSS2、CSS3规定了许多的属性,目的在控制选择器的样式。

值(value)

指属性接受的设定值,可由各种关键字(keyWord)组成,多个关键字时大都以空格隔开。

要针对没有标签定义范围进行样式设定时,可利用<div>与<span>标签。

关于CSS的样式规则我们有三个点需要注意的有:

就近原则

  • 优先级关系,从高到低:行内样式 > 内部样式 > 外部样式。

继承原则

  • 继承中多数边框类的属性不能被继承,比如padding、margin、背景等都不会被继承;

  • 表格也不能继承父类的样式。

覆盖原则

  • 由于继承而发生的样式冲突,由最近的祖先元素取值;

  • 继承的样式和直接指定的样式发生冲突时,直接指定的样式获取值;

  • 直接指定的样式发生冲突时,样式权重高的元素获取值;样式权重相同时,后者获取值;

  • !important 的样式属性不能被覆盖。

css的选择器有哪些

css的选择器可以分为三大类,即id选择器、class选择器、标签选择器。它们之间可以有多种组合,有后代选择器、子选择器、伪类选择器、通用选择器、群组选择器等等

感谢各位的阅读!关于“css中样式规则是什么”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: css中样式规则是什么

本文链接: https://lsjlt.com/news/276824.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

猜你喜欢
  • css中样式规则是什么
    这篇文章给大家分享的是有关css中样式规则是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。css的样式规则是:由选择器和声明块两个基本部分组成的。选择器决定为哪些元素应用样式;声明块定义相应的样式,它包含在一...
    99+
    2023-06-15
  • CSS样式规则是什么
    这篇文章给大家分享的是有关CSS样式规则是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 CSS样式规则: CSS3介绍和字体样式 在上面的样式规则中: 1 选择器...
    99+
    2024-04-02
  • CSS样式使用规则是什么
    这篇文章给大家分享的是有关CSS样式使用规则是什么的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 一:CSS的描述 1、CSS通常称为CSS样式或层叠样式表,主要用于设置HT...
    99+
    2024-04-02
  • css样式层叠规则是什么
    小编给大家分享一下css样式层叠规则是什么,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!CSS样式规则语法样式是CSS的基本单位,每个样式规则都是由选择器和声明块两个基本部分组成的。选择器(selector)决定为哪些元素...
    99+
    2023-06-08
  • CSS中@规则语法是怎么样的
    小编给大家分享一下CSS中@规则语法是怎么样的,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧! @规则语法@import&nbs...
    99+
    2024-04-02
  • CSS规则特性是什么
    这篇文章主要介绍CSS规则特性是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完! 继承性:父元素的声明可以被子元素继承,如字体、颜色等。 层叠性:同一个元素若存在多个css规则...
    99+
    2024-04-02
  • CSS中的规则声明是怎样的
    本篇文章给大家分享的是有关CSS中的规则声明是怎样的,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。  CSS 规则由 选择器 和 声...
    99+
    2024-04-02
  • css中的BFC布局规则是什么
    这篇文章主要讲解了“css中的BFC布局规则是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“css中的BFC布局规则是什么”吧!说明BFC是页面上隔离的独立容器,容器中的子元素不会影响外...
    99+
    2023-06-20
  • CSS优先权规则是什么
    本篇内容介绍了“CSS优先权规则是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!HTML高级技巧:详解...
    99+
    2024-04-02
  • CSS中样式表的命名规则有哪些
    这期内容当中小编将会给大家带来有关CSS中样式表的命名规则有哪些,文章内容丰富且以专业的角度为大家分析和叙述,阅读完这篇文章希望大家可以有所收获。畅谈DIV+CSS 样式表命名的规则方法如果要是就几行或几十...
    99+
    2024-04-02
  • CSS样式就近原则指的是什么
    这篇文章主要介绍“CSS样式就近原则指的是什么”,在日常操作中,相信很多人在CSS样式就近原则指的是什么问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”CSS样式就近原则指的是...
    99+
    2024-04-02
  • CSS 样式规则:编写更复杂的样式指南
    1. 组织和模块化 将样式指南组织成不同的部分,例如布局、字体和颜色。 使用模块化方法,将可重用的组件和类分组到单独的文件中,以促进维护和可扩展性。 采用原子设计方法,从基本构建块开始,逐渐构建更复杂的组件。 2. 命名约定和语义标记...
    99+
    2024-03-13
    编写和维护 CSS 样式指南对于确保 Web 应用程序具有一致且美观的外观至关重要。对于复杂的项目 这需要更全面的指南。本文介绍了创建和实施更高级 CSS 样式指南的最佳实践。
  • CSS样式表命名规则有哪些
    CSS样式表命名规则有哪些,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。首先讲一下DIV+CSS样式表的id的常用命名规则如下表所示:页头he...
    99+
    2024-04-02
  • Flex正则表达式规则是什么
    这篇文章主要介绍Flex正则表达式规则是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!1.Flex正则表达式规则1.1普通字符字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号,都是"普通字...
    99+
    2023-06-17
  • CSS样式覆盖规则的示例分析
    这篇文章给大家分享的是有关CSS样式覆盖规则的示例分析的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。首先需要明确的是,很多情况都会导致一个元素被运用上多种样式,样式覆盖的规则也需...
    99+
    2024-04-02
  • css样式是什么
    小编给大家分享一下css样式是什么,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!一、CSS样式定义    -...
    99+
    2024-04-02
  • CSS语法的基本规则是什么
    这篇文章主要为大家展示了“CSS语法的基本规则是什么”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“CSS语法的基本规则是什么”这篇文章吧。 ...
    99+
    2024-04-02
  • css浮动元素的规则是什么
    本篇内容介绍了“css浮动元素的规则是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!说明当浮动元素浮动时,其margin不会超过包含块的...
    99+
    2023-06-20
  • CSS的通用命名规则是什么
    本篇内容介绍了“CSS的通用命名规则是什么”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成!CSS规范化命名三种通用命名规则骆驼式命名法:正如它...
    99+
    2023-07-04
  • css中行内样式是什么
    这篇文章将为大家详细讲解有关css中行内样式是什么,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。   行内样式,就是将css样式代码写在具体网页中的一个html标签元素...
    99+
    2024-04-02
软考高级职称资格查询
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作