1、行内样式(内联样式)
例:<body >
2、内部样式
例:<head>
<style type="text/css">
body {
background-color:#cccccc;}</style></head>
3、外部样式
例:style.css
body { background-color:#cccccc;
}index.html
<head>
【个人html 的学习体会,带你了解html的学习内容】<link rel="stylesheet" type="text/css" href="http://www.ccschy.com/shenghuo/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标注的语句 。
推荐阅读
- 晴雅集讲的什么故事
- 意面的热量高但是为什么减肥
- 水果有哪些好闻的气味?
- 吉尔伽美什和恩奇都的事迹
- 饭后吃水果的好处和坏处?
- 水蒸气是一种什么什么什么的气体
- 窈窕的近义词和反义词
- 常见的低糖食物?
- 炒青瓜片的做法?
- 吉林锅包肉的做法怎么做