php教程css样式,css样式

css 层叠样式表 Cascading Style Sheets

• 一般说来所有样式有下面的规则(第四个最有优先性)

1. Browser default

浏览器默认

2. External style sheet

外部样式表

3. Internal style sheet (inside the

tag)

内嵌样式表(在

标签内)

4. Inline style (inside an HTML element)

行内样式(在一HTML元素内)

外部样式表能够让你改变所有出现在你WEB中的外观和布局,而仅仅通过编辑一个单独的CSS文档.(原理就是一动多变)

CSS的语法由三部分组成: 一个选择器，一个属性和一个值，例如：

selector {property: value}

选择器是需要去定义的元素或标签

如： body{color:red} 把标签body的 color 属性 定义成 red

如果值为多个单词则用双引号括起来

如：p {font-family: "sans serif"}

如果指定多个属性 就必须将每个属性用分号隔开

如：p {text-align:center;color:red}

每个HTML元素只能有一个类属性

可用p.right {text-align: right} 修饰左右class属性为right 的p元素或者标签

如果用.right{text-align: right} 则修饰所有class属性为right的元素或者标签，就没有特指一类标签或者元素的意思了。

id 选择器

css中可以用

#属性 {} 修饰所有 id 属性为 相同的元素或者标签 与class类似 一个是用 . 一个是用 #

class id 的 属性名字不能 以数字开头 不然无法在Mozilla/Firefox正常运作

css的注释/* */

三种方法可以插入样式表

• 外部样式表(External Style Sheet)

标签在head区域使用

• 内嵌样式表(Internal Style Sheet)

使用

hr {color: red}

p {margin-left: 20px}

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

• 行内样式(Inline Styles)

在相关的标签上用style属性来加入行内样式。样式属性可以包含任何CSS属性。例子中将展示怎样给一个段落加上左间距并将颜色改为red

This

is a paragraph

相关标签：css

本文原创发布php中文网，转载请注明出处，感谢您的尊重！