189 8069 5689
它包含3种类型，内部样式，行内样式和外部样式表三种
创新互联-专业网站定制、快速模板网站建设、高性价比内乡网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式内乡网站制作公司更省心,省钱,快速模板网站建设找我们，业务覆盖内乡地区。费用合理售后完善，10余年实体公司更值得信赖。
作用的效果是按顺序从下到上，相同样式下面的会覆盖原有样式，除特殊情况外，一般都是行内样式内部样式外部样式。
以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" /
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 教程。
语法：元素.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 要获取的样式名
style
是样式的意思
而css和style是一样的作用
就是对网页
上
文字
的
字体
颜色
大小
图片的
大小
相对距离
层次
以及其他东西的样式
另外
可以
在
其中使用
像
glow
blur
之类的滤镜
来使
网页内容达到各种漂亮的
效果~
style
有2种使用方法
一个是直接做为标记
style
/style
2是做为标签属性
div
style="position:absolute"
/div
CSS样式表定义的基本语法：
Select { property1 : value, property2: value2 }
CSS样式表一共分3种，分别是：
1、内联样式表:
内联样式表是写在标记内的，只对所在标记有效。
2、内部及联样式表:
利用style标记将样式表嵌在HTML文件的头部。
3、外部级联样式表:
使用link标记可以将样式表链接到网页上。
CSS样式表的优先级：（由低到高）
浏览器默认（优先级最低）
外部级联样式表
内部及联样式表
内联样式表（优先级最高）