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

2023-02-18 23:54:02html-css013

css样式的基本规则是什么？,第1张

1、选择器用于指定CSS样式作用的HTML对象，花括号内是对该对象设置的具体样式。

2、属性和属性值以“键值对“ 的形式出现。

3、属性是对指定的对象设置的样式属性，例如字体大小、文本颜色等。

4、属性和属性值之间用英文“:“连接。

5、多个“键值对”之间用英文“”进行区分。可以用段落和表格的对齐的演示。

CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。CSS 能够对网页中元素位置的排版进行像素级精确控制，支持几乎所有的字体字号样式，拥有对网页对象和模型样式编辑的能力。

扩展资料：

CSS作为一种定义样式结构如字体、颜色、位置等的语言，被用于描述网页上的信息格式化和显示的方式。CSS样式可以直接存储于HTML网页或者单独的样式单文件。

无论哪一种方式，样式单包含将样式应用到指定类型的元素的规则。外部使用时，样式单规则被放置在一个带有文件扩展名_css的外部样式单文档中。

样式规则是可应用于网页中元素，如文本段落或链接的格式化指令。样式规则由一个或多个样式属性及其值组成。内部样式单直接放在网页中，外部样式单保存在独立的文档中，网页通过一个特殊标签链接外部样式单。

一、CSS简介CSS(Cascading Style Sheet)层叠样式表，它是用来美化页面的一种语言，之前提到的W3C规范中的“样式”。作用：1、美化界面。2、页面布局。基本语法：选择器{样式规则}样式规则：属性名1：属性值1属性名2：属性值2属性名3：属性值3。。。选择器:是用来选择标签的，选出来以后给标签加样式。从Hello World说起，<p style="background-color:#FFFcolor:#000font-size:30px">Hello World!</p>这样写可以实现将原本的白底黑字Hello World! 改成样式为黑底白字的效果。但是这样写有一定的缺点：缺点1：内容、样式、行为三者未分离，代码糅杂，不符合W3C规范，难以维护。缺点2：代码冗余，不可复用。二、如何引入CSS？1）行内样式即上述的一般形式，由于其存在的缺点，介绍下一种样式。2）内嵌样式，给p标签加样式，加在head标签中<style type="text/css">p{background-color:#FFFcolor:#000font-size:30px}</style>当本页面的p标签都需要相同的样式时，这样写大大降低了代码量，并让其他编程人员一眼分辨出来CSS样式。3）链接样式（链入式）在head标签中加入<link href="../css/my.css" type="text/css" rel="stylesheet"/>将CSS文件和html文件分开来放，这样增加了代码的重用性，但是每个浏览器都要单独读取css文件中的样式，比较慢，如果追求速度，内嵌样式会更好。4）导入样式<style type="text/css">@import url("路径名")</style>四种样式的优先级：如果一个页面中四种样式同时存在，这四种都会对标签起作用，但是重复样式的属性值，只有最后一个有效。如果内嵌样式和导入样式放在一起，则内嵌样式起作用。如果内嵌样式和导入样式分成两个style定义，则在CSS样式中的最后一个style起作用。附：css中注释的格式，没有单行注释，所有的注释均是/*注释内容*/

CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。

1.基本语法规范

分析一个典型CSS的语句：

p {COLOR:#FF0000BACKGROUND:#FFFFFF}

其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式；

样式声明写在一对大括号"{}"中；

COLOR和BACKGROUND称为"属性"(property)，不同属性之间用分号""分隔；

"#FF0000"和"#FFFFFF"是属性的值(value)。

2.颜色值

颜色值可以用RGB值写，例如：color : rgb(255,0,0)，也可以用十六进制写，就象上面例子color:#FF0000。如果十六进制值是成对重复的可以简写，效果一样。例如:#FF0000可以写成#F00。但如果不重复就不可以简写，例如#FC1A1B必须写满六位。

3.定义字体

web标准推荐如下字体定义方法：