1、内部样式、外部样式、内联样式
内联方式:样式定义在单个的HTML元素中
CSS语法:只需要将分号隔开的一个或多个属性/值对作为元素的style属性和值;属性和属性值之间用:链接;
多对属性之间用;分号隔开
内部样式表:样式定义在HTML页的头元素中
样式表规则位于文档头中的<style>
元素内:在文档的<head>
元素内添加<style>
元素
在<style>
元素中添加样式规则外部样式表:将样式定义在一个外部的CSS文件中(.css文件);由HTML页面引用样式表文件
优先级:内部样式和外部样式没有优先级关系,页面后加载的会生效;内联样式的优先级最高
2、选择器 —–决定哪些元素使用这些规则
样式声明:一对大括号,包含一个或者多个属性/值对
元素选择器—–div{ }
id选择器——–#d1{ }
类选择器——–.oDiv{ }
优先级:类选择器的优先级比元素选择器的高; id选择器的优先级比类的优先级的高
通用选择器—-*{ }
群组选择器—-,(逗号)
后代选择器—- (空格)
子代选择器—->(大于号)
选择器优先级:
伪类选择器—–:(冒号)
——:blur,失去焦点时
链接的一般样式:
text-decoration:a链接是否加上下划线