css中style属性怎么使用

html-css0182

css中style属性怎么使用,第1张

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>

<h1>Header 1</h1>

<p>A paragraph.</p>

</body>

</html>

提示和注释

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

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

如果在当前页面的话天降,就是这样写的。

<style>

.cnblogs-markdown pre{border-style: dashed dashed dashed solidborder-width: 1px 1px 1px 2pxborder-color: rgb(170, 170, 170) rgb(170, 170, 170) rgb(170, 170, 170) rgb(108, 226, 108)

}

</style>

如果你新建一个CSS文件的话

就用<link rel="stylesheet" href="你的文件.css" type="text/css" />加入链接

这个文件里面就写

.cnblogs-markdown pre{border-style: dashed dashed dashed solidborder-width: 1px 1px 1px 2pxborder-color: rgb(170, 170, 170) rgb(170, 170, 170) rgb(170, 170, 170) rgb(108, 226, 108)

是的呀,除了前面讲解的元素内容和属性外,对于元素对象的样式,可以直接通过“元素对象.style.样式属性名”的方式操作。样式属性名对应CSS样式名,但需要去掉CSS样式名里的半字线“-”,并将半字线后面的英文的首字母大写。例如,设置字体大小的样式名font-size,对应的样式属性名为fontSize。