- css(cascading style sheet,层叠式样式表)是用来给html标签添加样式的语言
- css3是css的最新版本,增加了大量的样式,动画,3D特效和移动端特性等
前端三层
结构层HTML | 搭建结构,放置部件,描述语义 |
---|---|
样式层CSS | 美化页面,实现布局 |
行为层JavaScript | 实现交互效果,数据收发,表单验证等 |
css使样式和结构分离
1.html负责结构,css负责样式
html和css怎么结合呢?
1.“选择器”就是两者的纽带
比如HTML结构是:
<body>
<h2>二级标题</h2>
<h2>二级标题</h2>
<p class="spec">段落</p>
<p>段落</p>
</body>
CSS可以这么写:
<head>
<style>
选择器h2{
color:red;
}
选择器p{
color:blue;
}
类选择器.spec{
color:green;
}
</style>
</head>
CSS的本质
1.css没有加减乘除,与或非,循环,选择,判断,css不是编程就是简单直接的罗列样式
2.背诵css属性非常重要