css样式遵循什么原则

“css的样式规则是:由选择器和声明块两个基本部分组成的。选择器决定为哪些元素应用样式;声明块定义相应的样式,它包含在一对花括号内,有一条或多条声明组成,而每一条声明则由一个属性和一个值组成,中间用冒号隔开

创新互联科技有限公司专业互联网基础服务商，为您提供西信服务器托管，高防物理服务器租用，成都IDC机房托管，成都主机托管等互联网服务。

什么是CSS样式

CSS就是一种叫做样式表（stylesheet）的技术。也有的人称之为层叠样式表（Cascading Stylesheet）。

在主页制作时采用CSS技术，可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。

只要对相应的代码做一些简单的修改，就可以改变同一页面的不同部分，或者页数不同的网页的外观和格式。

它的作用可以达到：

（1）在几乎所有的浏览器上都可以使用。

（2）以前一些非得通过图片转换实现的功能，现在只要用CSS就可以轻松实现，从而更快地下载页面。

（3）使页面的字体变得更漂亮，更容易编排，使页面真正赏心悦目。

（4）你可以轻松地控制页面的布局 。

（5）你可以将许多网页的风格格式同时更新，不用再一页一页地更新了。你可以将站点上所有的网页风格都使用一个CSS文件进行控制，只要修改这个CSS文件中相应的行，那么整个站点的所有页面都会随之发生变动。

css样式表

CSS样式优先级是下面这样的：

从高到低来排

div style="color:red!important;"1/div

大于

div style="color:red;"1/div

大于

style type="text/css"

div{color:red;}

/style

div1/div

大于

link rel="stylesheet" href="css.css" type="text/css" /

div1/div

等于

@import url(css.css);

div1/div

link rel="stylesheet" href="css.css" type="text/css" /

div1/div

和

@import url(css.css);

div1/div

这种方式要看谁在最后面被加载，就是在同一个网页下面，谁在最后，谁就是老大。

（如果有错误的地方，请指正！）

另附上一篇解读CSS优先级的文章供你查阅：

什么是CSS样式？并列举CSS样式的类型。作业要求

CSS（Cascading Style Sheet，可译为“层叠样式表”或“级联样式表”）是一组格式设置规则，用于控制Web页面的外观。通过使用CSS样式设置页面的格式，可将页面的内容与表现形式分离。页面内容存放在HTML文档中，而用于定义表现形式的CSS规则则存放在另一个文件中或HTML文档的某一部分，通常为文件头部分。将内容与表现形式分离，不仅可使维护站点的外观更加容易，而且还可以使HTML文档代码更加简练，缩短浏览器的加载时间。定义内部样式块对象 你可以在你的HTML文档的HTML和BODY标记之间插入一个STYLE.../STYLE块对象。 定义方式请参阅样式表语法。示例如下： html head title文档标题/title style type="text/css" !-- body {font: 10pt "Arial"} h1 {font: 15pt/17pt "Arial"; font-weight: bold; color: maroon} h2 {font: 13pt/15pt "Arial"; font-weight: bold; color: blue} p {font: 10pt/12pt "Arial"; color: black} -- /style /head body 请注意，这里将style对象的type属性设置为"text/css"，是允许不支持这类型的浏览器忽略样式表单。 内联定义 (Inline Styles) 内联定义即是在对象的标记内使用对象的style属性定义适用其的样式表属性。示例如下： p style="color: sienna; margin-left: 20px"This is a paragraph/p 导入样式（Import Styles） 与链入外部样式的功能基本相同，只是语法和实现方式上有差别 head title文档标题/title style @import url(css.css); @import url("csss.css") ;//单引号也可以 @import css,css; @import "css.css";//单引号也可以 /style /head 以上几种形式都可以。

网页题目：css数据样式,CSS样式属性
分享路径：http://kswjz.com/article/dsepeci.html