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

更新时间:2022-03-13 19:30:59作者:佚名

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

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标注的语句。

本文标签: 学习体会