CSS:Cascading Style Sheets层叠样式表,用来定义html内容在浏览器内的显示样式。
为什么学习css?
在html中通过标签属性也可以设置背景颜色、文字样式,但这样会导致网页的容量会很大,所以css为我们带来了以下的优势 1.css简化html相关标签,网页体积小,下载快 2.解决内容与表现分离的问题 3.更好地维护网页,提高工作效率
学习内容
- css基础语法
- css使用方法
- css选择器
- css继承和层叠
- css优先级
- css命名规范
css样式规则
<!DOCTYPE HTML>
<html lang="en">
<head>
<meta charset="UTF-8">
<style type="text/css">
/*选择器{属性:值;属性:值;} 其中一对属性值就是一个声明*/
h1{color:red;font-size:20px;}
/* 多个标签使用同一个样式,用英文' , '分隔 */
h1,h2,p{
font-size: 20px;
}
p{color: red;font-family: "DFKai-SB";}
h2{color:blue;}
/*css注释*/
</style>
</head>
<body>
<h1>静夜思</h1>
<h2>李白</h2>
<p>窗前明月光,疑是地上霜。举头望明月,低头思故乡。</p>
</body>
</html>