sytelcss样式的简单介绍

什么是css特殊样式，一般样式。

它包含3种类型，内部样式，行内样式和外部样式表三种

作用的效果是按顺序从下到上，相同样式下面的会覆盖原有样式，除特殊情况外，一般都是行内样式内部样式外部样式。

以div为例

行内样式写法：

在style里面写样式

div style="height:30px; background:#f00;"/div

内部样式：

在head标签内加入style标签，在标签内写样式：

style

div{height:30px; background:#f00;}

/style

外部样式是建立一个新文件后缀名为.css

举个例子：

建立style.css文件放在项目根目录下：

在里面写入

div{height:30px; background:#f00;}

然后保存，在html的head标签内调用样式

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

相关问答

Q1: css中style属性怎么使用

CSS中style 标签用于为 HTML 文档定义样式信息。适用于所有主流浏览器都支持 style 标签。

Css中Style属性相关介绍：

Style属性的定义和用法：

在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。style 元素位于 head 部分中。

Style必需的属性：

属性：type，值：text/css，描述：规定样式表的 MIME 类型。

Style可选的属性：

属性：Media，值：screen，tty，tv，projection，handheld，print，braille，aural，all。描述：为样式表规定不同的媒介类型。

全局属性：style 标签支持 HTML 中的全局属性。

事件属性：style 标签支持 HTML 中的事件属性。

TIY 实例

A、HTML中的样式。本例演示如何使用添加到 head 部分的样式信息对 HTML 进行格式化。

B、没有下划线的链接。本例演示如何使用样式属性做一个没有下划线的链接。

C、链接到一个外部样式表。本例演示如何link标签链接到一个外部样式表。

相关页面。HTML DOM 参考手册：Style 对象。

Css中Style属性应用具体案例：

html

head

style type="text/css"

h1 {color:red}

p {color:blue}

/style

/head

body

h1Header 1/h1

pA paragraph./p

/body

/html

提示和注释

1、如需链接外部样式表，请使用 link 标签。

2、如需学习更多有关样式表的知识，请阅读我们的 CSS 教程。

Q2: JS修改CSS设置的样式

语法：元素.style.样式名=样式值

注意：如果CSS的样式名中含有-，这种名称在JS中是不合法的，比如 background-color 。需要将这种样式名修改为驼峰命名法：去掉-，然后将-后的第一个字母大写，比如 backgroundColor

我们通过style属性设置的样式都是内联样式，而内联样式有较高的优先级，所以通过JS修改的样式往往会立即显示

但是如果在样式中写了!important，则此时样式会有最高的优先级，即使通过JS也不能覆盖该样式，此时将会导致JS修改样式失效

所以尽量不要为样式添加!important

语法：元素.style.样式名

通过style属性设置和读取的都是内联样式，无法读取样式表中的样式

语法:元素.currentStyle.样式名

如果当前元素没有设置该样式，则获取它的默认值

例如： box1.currentStyle.width

这个方法是window的方法，可以直接使用需要两个参数

第一个:要获取样式的元素

第二个:可以传递一个伪元素，一般都传null

该方法会返回一个对象，对象中封装了当前元素对应的样式

可以通过对象﹒样式名来读取样式

如果获取的 样式没有设置 ，则会获取到真实的值，而不是默认值

比如:没有设置width，它不会获取到auto，而是 一个长度

注意：通过currentStyle和getComputedstyle()读取到的样式都是只读的，不能修改,如果要修改必须通过style属性

参数：

obj 要获取样式的元素

name 要获取的样式名

Q3: 代码里style 和css是什么

style

是样式的意思

而css和style是一样的作用

就是对网页

上

文字

的

字体

颜色

大小

图片的

大小

相对距离

层次

以及其他东西的样式

另外

可以

在

其中使用

像

glow

blur

之类的滤镜

来使

网页内容达到各种漂亮的

效果~

style

有2种使用方法

一个是直接做为标记

style

/style

2是做为标签属性

div

style="position:absolute"

/div

Q4: 在网页中使用CSS 样式表的三种方式是什么?

CSS样式表定义的基本语法：

Select { property1 : value, property2: value2 }

CSS样式表一共分3种，分别是：

1、内联样式表:

内联样式表是写在标记内的，只对所在标记有效。

2、内部及联样式表:

利用style标记将样式表嵌在HTML文件的头部。

3、外部级联样式表:

使用link标记可以将样式表链接到网页上。

CSS样式表的优先级：（由低到高）

浏览器默认（优先级最低）

外部级联样式表

内部及联样式表

内联样式表（优先级最高）