Qu'est-ce que la syntaxe CSS ? Introduction détaillée à l'utilisation et aux règles-connaissance CSS-php.cn

Qu'est-ce que la syntaxe CSS ? Introduction détaillée à l'utilisation et aux règles

奋力向前

Libérer： 2021-07-08 17:46:31

original

6662 Les gens l'ont consulté

在之前的文章《什么是HTML元素？浅谈元素的语法规则》中带大家了解了HTML元素和语法规则。下面本篇文章给大家介绍一下CSS语法，了解一下CSS样式表三种使用方法,下面我们就来看一下吧！！

Qu'est-ce que la syntaxe CSS ? Introduction détaillée à l'utilisation et aux règles

一、css语法

CSS 规则集（rule-set）由选择器和声明块组成

Quest-ce que la syntaxe CSS ? Introduction détaillée à lutilisation et aux règles

例子解释

p是 CSS 中的选择器（它指向要设置样式的 HTML 元素：<p></p>）

color 是属性，red 是属性值

text-align 是属性，center 是属性值

代码示例：

<html>
<head>
<style>
p
{
	color:red;
	text-align:center;
} 
</style>
</head>
<body>
<p>php</p>
<p>php中文网</p>
</body>
</html>

Copier après la connexion

效果图：

CSS 实例：
CSS声明总是以分号(;)结束，声明总以大括号({})括起来:
p { color:red; text-align:center; }
Copier après la connexion
注释是用来解释你的代码，并且可以随意编辑它，浏览器会忽略它。
CSS注释以 /* 开始, 以 */ 结束, 实例如下:
/*这是个注释*/ p { text-align:center; /*这是另一个注释*/ color:black; font-family:arial; }
Copier après la connexion
二、CSS如何使用方法？
CSS使用方法：编辑工具
任何文本编辑工具样式表使用方法一般有三种：

11）文档头部插入文档头部插入：适用于单个网页应用
22）行内插入行内插入：适用于页面中一、两个地方才用到CSS
33）外部链接样式文件外部链接样式文件：适用于多个网页都用到CSS
在HTML网页中css的不同使用方法调用css的方法不同
1、头部插入样式
<style type="text/css">……</style>
Copier après la connexion
代码示例：

<html> <head> <title>中文网(php.com)</title> <style type="text/css"> body {background-color:yellow;} h1 {font-size:36pt;} h2 {color:blue;} p {margin-left:50px;} </style> </head> <body>
Copier après la connexion
注：这里将style对象的type属性设置为”text/css”是不支持这类型的浏览器忽略样式表单。
2、行内插入样式
<p style=“font-size:16pt;color:blue”>蓝色16号文字</p>
Copier après la connexion
采用<style="<span style="background-color: rgb(248, 248, 248);">font-size:16pt;color:blue"</span>>的格式把样式写在html中的任意行内，这样比较方便灵活。
3、外部链接样式
先建立外部样式表文件（.css）,然后使用HTML的link对象,然后使用HTML的link对象
<head> <title>中文网(php.com)</title> <link rel=stylesheet href="http://www.php.cn/php.cn" type="text/css"> </head>
Copier après la connexion
这种方法非常适宜同时定义多个文档。它能使多个文档同时使用相同的样式，从而减少了大量的冗余代码。
而在XML中，你应该如下例所示在声明区中加入：
<? xml-stylesheet type="text/css" href="http://www.php.cn/php.css" ?>
Copier après la connexion
定义内部样式块对象 (Embedding a Style Block)
你可以在你的HTML文档的和标记之间插入一个<style>...</style>块对象。
注意事项

注意要细心

推荐学习：CSS视频教程
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!