css中style属性怎么使用

html-css07

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 教程。

一、首先是C3属性选择器

1. 每一个标签都有自己的属性,是吧?要给它一个样式,就可以通过它的属性来找到它。

2. 属性选择器的权重是10

3. 都有哪些?

- 标签名[属性名]

- 标签

- 标签名[type="属性名"]

- ^= 以icon开始的选出来

- $= 以icon结尾的选出来

- *= 代表任意位置,包含该属性的就要选出来

例子

二、结构伪类选择器

语法:

nth-child(n) 释义:

- 想要选哪个n就在那个里面输入数字几就可以了

- 这里的n 可以有特殊数值偶数even 奇数odd 有利于做隔行变色

- n可以是公式

- -n+5选出前5个。

例子

三、ntf-of-type 选择器

先上总结:

- nth-child(n) 选择父元素里面的第一个 n个孩子

- of-type 选择指定类型的元素

例子

四、伪类选择器

方式一 ::before ::after

方式二 :before :after

总结:伪元素前面可以是一个冒号,也可以是两个冒号,不影响结果

例子

可以使用css的属性选择器来实现这个效果。具体实现方法如下:

input[type=text]{color:#ccc}

这样写就把所有type="text"的input文本框的文字颜色设置成了灰色。