幕客前端基础入门-css选择的艺术

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>

猜你喜欢

转载自www.cnblogs.com/csj2018/p/12919493.html