body{background-color:#cccccc;}3、外部样式例:styl" />
当前位置:首页 > 个人html 的学习体会,带你了解html的学习内容

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至举报,一经查实,本站将立刻删除。

最新文章