CSS速成大法
知识来源于up:黑马程序员
什么是CSS
- CSS是一门语言,用于控制网页表现。
CSS:层叠样式表 - W3C标准:网页主要由三部分组成
结构:HTML
表现:CSS
行为:JavaScript
CSS导入方式
- css导入HTML有三种
- 内联样式:在标签内部使用style属性,属性值是css属性键值对
<div style="color: red">hello css</div>
- 内部样式:定义< style >标签,在标签内部定义css样式
<style>
span{color: red}
</style>
<body>
<span>hello css</span>
</body>
- 外部样式:定义link标签,引入外部的css文件
<link href="../css/demo.css" rel="stylesheet">
<body>
<p>你好 css</p>
</body>
p{
color:red;
}
CSS选择器
- 概念:选择器是选取需设置样式的元素(标签)
- 分类
- 元素选择器
元素名称 {color: pink}
div {
color: pink
}
- id选择器
#id属性值 {color: aquamarine}
#name {
color: aquamarine
}
- 类选择器
.class属性值{color:red}
.cls{color: aqua}
css属性
阅读文档