html中一条样式规则,css规则的基本格式是什么？

CSS(Cascading Styel Sheet)是控制 Web 页面外观的一系列格式设置规则,是网页设计必不可少的工具之一。下面我们就开始学习css的基本语法格式。

css规则的基本格式是什么？

层叠样式表是一个完全的纯文本文件，通常以“css”为扩展名作为单独的文件来使用，它的内容包含了一组告诉浏览器，如何安排与显示特定的html标签中内容的规则，CSS定义规则由三个部分构成：选择符，属性和属性的取值。语法如下：

语法：selector { property: value }

//选择符 { 属性：值 }

说明：

1、选择符

选择符是要定义样式的html标记，将html标记作为选择符定义后，则在html页面中该标记下的内容，会按照CSS定义的规则发生改变。

2、属性

CSS属性指的是在选择符中要改变的内容，常见的有：字体属性，颜色属性，文本属性等。下面就是我们定义的一个样式表。@charset"gb2312";

body {

font-family: "宋体"; font-size: 20px; color: #FF0000;

}

p {

font-family: "宋体"; font-size: 30px; color: #FF00ff;

}

在这个样式表中：

@charset"gb2312";表示使用中文国标字符集。

body 和 p 是 html 中的两个标签，对这两个标签设置了三种样式，即：font-family: 指定字体的字型。

font-size: 指定字体的大小。

color: 指定字体的颜色。

上面我们定义了一个样式表，下一步的任务是如何把这个样式表和html文件相关联，使html文件按照我们定义的样式显示出来，与html文件相关联的方法有四种，下面我们分别叙述。

html中一条样式规则,css规则的基本格式是什么？相关推荐

html怎么设置img样式,css默认样式 css中img默认样式问题
css a标签去掉默认样式是什么? 以下为css a标签去掉默认样式: a { text-decoration:none out-line: nonecolor: #*****;} 层叠样式表(英文全 ...
SEO中的DIV CSS样式的命名规则
在搜索引擎优化中,对于代码的优化是一个非常重要的部分. 如果一个网页的代码非常的简捷,对于提升网站的排名那个是非常有好处的. 同样, 在CSS样式表中,合理有序的命名同样可以为整个CSS工作带来意想不 ...
css规则中区块block,css常用属性总结：背景background下篇
前言:这段时间天天加班到10:30之后,简直是x了. 在上一篇文章中,分别解析了background各个属性的用法和注意细节.如果我们在项目上使用背景效果,如果使用下面的写法,你可能抓狂. body{ ...
每个网页设计师应该知道的10条CSS规则
通过网页设计师的大量CSS经验,我们会记住所有种代码语法,兼容性和片段.有一些特定的CSS,可以真正帮助改变你的网站设计改变较旧的技术规则和声明.这里是我收集到的很有用的10条CSS规则 @media ...
css规则由两部分构成,CSS-层叠样式表基础教程
CSS-层叠样式表基础教程层叠样式表(Cascading Style Sheets,简写CSS),网页可以使用CSS来决定文件的颜色.字体.排版等显示特性.CSS最主要的目的是将文件的结构和内容(用 ...
dw中css规则定义中文,Dreamweaver编辑CSS规则
核心提示:本教程为大家介绍一下Dreamweaver编辑CSS规则,希望对大家有帮助. 本教程为大家介绍一下Dreamweaver编辑CSS规则,希望对大家有帮助. 一.在"CSS样式&qu ...
css平台HTDC币,是否应该从最新的设置中应用CSS规则？
这是一个令人困惑的行为,我在FireFox和Chrome中看到:我有一个HTML文件,其样式来自两个CSS文件.有时样式适用于第二个文件,有时来自第一个文件.怪异的行为可以看出,在下面的例子:是否应该 ...
css规则可以放在云上,CSS中!important规则的使用方法
CSS中!important规则的使用方法发布时间:2020-06-15 10:53:11 来源:亿速云阅读:129 作者:Leah 这期内容当中小编将会给大家带来有关CSS中!important ...
css规则中区块block,CSS的命名方式:BEM(区块、元素、修饰符)
原标题:CSS的命名方式:BEM(区块.元素.修饰符) 本资源由伯乐在线- 凝枫整理,您也想贡献一份力量?欢迎加入我们 » 重要概念 "Block"区块区块的定义是:一个逻辑和 ...

html中一条样式规则,css规则的基本格式是什么？

html中一条样式规则,css规则的基本格式是什么？相关推荐

最新文章

热门文章

html中 一条样式规则,css规则的基本格式是什么？

html中 一条样式规则,css规则的基本格式是什么？相关推荐

最新文章

热门文章

html中一条样式规则,css规则的基本格式是什么？

html中一条样式规则,css规则的基本格式是什么？相关推荐