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

html-css029

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

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

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

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

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

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

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

扩展资料:

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

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

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

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文件

作者可以将CSS信息包含在HTML文件内

作者可以在一个HTML指令内结合CSS指令,这样做一般是为了在一个特殊情况下将总体的CSS指令抵消掉

读者样式

读者可以在他的浏览器内设立一个地区性的CSS文件。这个CSS文件可以用在所有的HTML文件上。假如作者的CSS文件与读者的相冲突,那么读者可以确定他想使用哪个

浏览器的样式

假如外部没有特别指定一个样式的话,一般浏览器自己有一个内在的样式

使用CSS的优点有:

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

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

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

样式规则

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

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

选择器(Selector)

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

属性(property)

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

值(value)

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

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

css主要是根据html中各个对象进行的控制。

比如:

对body部分的控制

body

{

}

然后对body下的div一个一个设置,

div的ID方法为

#ID{}

div的class的方法

.class

如设置div下的div的id的话可以写成如下

#ID1 #ID2{

}

如果是设置div下的a的话

#ID a{

}

以上希望帮到你