好酷屋

个人html 的学习体会，带你了解html的学习内容

好酷屋

发布于2023-03-25
标签:选择符&lt text&gt更多>

好酷屋教程网小编为您收集和整理了个人html 的学习体会，带你了解html的学习内容的相关教程：1、行内样式（内联样式）例：<body>2、内部样式例：<head><styletype="text/css">body{background-color:#cccccc;}</style><

1、行内样式（内联样式）

例：<body >

2、内部样式

例：<head>

<style type="text/css">

body {

background-color:#cccccc;}</style></head>

3、外部样式

例：style.css

body { background-color:#cccccc;

}index.html

<head>

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

</head> css选择器

1、标签选择符（又称为元素选择符、类型选择符）

2、id 及 class 选择符

3、属性选择符 [title] a{color:red;} （为所有的属性是title的a标签的元素变成红色）

4、包含选择符

5、伪类选择符

a:link {color: #FF0000; text-decoration: none} /* 未访问的链接 */

a:visited {color: #00FF00; text-decoration: none} /* 已访问的链接 */

a:hover {color: #FF00FF; text-decoration: underline} /* 鼠标在链接上 */

a:active {color: #0000FF; text-decoration: underline} /* 激活链接 */

6、优先级依次是：

行内样式表 > 内部样式表 > 外部样式表

7、选择符id的定义优先于class 的定义

8、通配符 *

9、浏览器优先执先 !important标注的语句。

以上就是好酷屋教程网小编为您收集和整理的学习体会相关内容，如果对您有帮助，请帮忙分享这篇文章^_^

本文来源： https://www.haoku5.com/shenghuo/641ef977b4295633210aa566.html

相关推荐

    上一篇：电风扇电机发热转不快
    下一篇：苹果拍照是反的怎么调（苹果手机拍照是反的怎么调）

    热门专题