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中的

等标签,多个选择器可以半角逗号(,)隔开。

属性(property)

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

值(value)

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

要针对没有标签定义范围进行样式设定时,可利用

与标签。

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

就近原则

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

继承原则

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

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

覆盖原则

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

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

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

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

推荐学习:css视频教程

以上就是css的样式规则是什么样的的详细内容,更多请关注【创想鸟】其它相关文章!

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

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/2950549.html

(0)
上一篇 2025年3月11日 23:28:24
下一篇 2025年2月19日 03:40:51

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • css里form用法是什么

    在css中,form标签用于为用户输入创建HTML表单,语法格式为“表单内容”。form标签用于向服务器传输数据,包含input和label等元素。 本教程操作环境:windows7系统、CSS3&&HTML5版、Dell …

    2025年3月11日
    200
  • css超出宽度怎么显示省略号

    css超出宽度显示省略号的方法:首先新建一个HTML文档;然后在HTML的头部定义标签;最后对h1标签定义一段CSS样式,如“text-overflow:ellipsis;”即可设置超出部分省略号显示。 对h1标签定义一段CSS,用于设置超…

    2025年3月11日
    200
  • css ul怎么去掉点

    在css中可以使用“list-style-type: none;”去掉ul li标签前默认存在的一个小点,其“list-style-type”用于设置列表项标记的类型。 本文操作环境:windows7系统、HTML5&&CS…

    2025年3月11日
    200
  • css中resize什么意思

    css中resize是CSS中的一个属性,该属性规定是否可由用户调整元素的尺寸;如果希望此属性生效,需要设置元素的overflow属性,值可以是auto、hidden或scroll。 本文操作环境:windows7系统、css3版、Dell…

    2025年3月11日
    200
  • css中type是什么意思

    css中type是用于指定MIME类型,如语句“”,其中text是指对象为网页中的文本,css或是javascript是指当前指定的文本类型。 本文操作环境:windows7系统、css3版、Dell G3电脑。 css中type是什么意思…

    2025年3月11日
    200
  • html如何让链接不变色

    html让链接不变色的方法:使用“:link”、“:visited”、“:hover”和“:active”伪类按照顺序,分别设置未访问的链接、已访问的链接、当有鼠标悬停在链接上时、被选择的链接的四种链接状态的链接颜色为同一种即可。 本教程操…

    2025年3月11日
    200
  • html中如何设置不可点击

    在html中,可以利用pointer-events属性,通过设置元素的鼠标事件失效来实现元素不可点击效果,只需要给元素设置“pointer-events:none;”样式即可。 本教程操作环境:windows7系统、CSS3&&am…

    2025年3月11日
    200
  • html与css有什么区别

    区别:1、HTML是网页的结构,CSS是网页的样式。2、HTML由围绕内容的标签组成,而CSS由一个声明块继承的选择器组成。3、html和css的注释格式不同;4、HTML文件可以包含CSS代码,而CSS样式表绝对不能包含HTML代码。 本…

    2025年3月11日
    200
  • 怎么查看网站的css

    查看方法:首先打开浏览器,进入需要查看的网站页面;然后点击鼠标右键,找到类似“查看”或是“审查元素”的选项或是按“F12”进入开发者模式的控制面板中;最后选择“Elements”选项卡,点击网页元素即可在控制面板右侧查看相应的css代码。 …

    2025年3月11日
    200
  • css选择器的分类有哪些

    css选择器的分类有:1、标签选择器;2、类选择器;3、ID选择器;4、全局选择器;5、组合选择器;6、继承选择器;7、伪类选择器;8、字符串匹配的属性选择符。 本教程操作环境:windows7系统、CSS3&&HTML5版…

    2025年3月11日 编程技术
    200

发表回复

登录后才能评论