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

html-css019

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

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

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

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

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

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

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

扩展资料:

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

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

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

1、内联样式表

直接在HTML标记内,插入sytle属性,再定义要显示的样式,这是最简单的样式定

义方法。不过,利用这种方法定义样式时,效果只可以控制该标记,其语法如下:

<标记名称 style="样式属性:属性值样式属性:属性值">

如:<body style=" color:#FF0000font-family:"宋体"cursor:url(3151.ani)">

2、 嵌入样式表

<style type="text/css">

内部样式表是把样式表放到页面的<head>区里,这些定义的样式就应用到页面中了,样式表是用<style>标记插入的

<head>

……

<style type="text/css">

<!--

hr {color: sienna}

p {margin-left: 20px}

body {background-image: url("images/back40.gif")}

-->

</style>

……

</head>

<style>元素是用来说明所要定义的样式。TYPE属性是指定style元素以css的语法定义。有些低版本的浏览器不能识别style标记,这意味着低版本的浏览器会忽略style标记里的内容,并把style标记里的内容以文本直接显示到页面上。为了避免这样的情况发生,我们用加HTML注释的方式<!-- 注释 -->隐藏内容而不让它显示。

3、外部样式表

<link href="样式表地址" rel="stylesheet" type="text/css" />

4、输入样式表

可以使用css的@import声明将一个外部样式表文件输入到另外一个css文件中,被输入的css文件中的样式规则定义语句就成为了输入到的css文件的一部分,也可以使用@import声明将一个css文件输入到网页文件的<style></style>标签对中,被输入的css文件中的样式规则定义语句就成了<style></style>标签对中的语句。

<style>

@import url(http://……)

</stypel>

一、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中注释的格式,没有单行注释,所有的注释均是/*注释内容*/