div与css的相关概述

div

div是一个html标签，一个块级元素，单独使用没有意义，必须结合css使用，主要用于页面布局

span

span也是一个html标签，一个内联元素（单独显示一行），他单独使用没有任何意义，必须结合css使用，主要用于对括起来的内容进行样式的修饰

css

css指层叠样式表，样式定义如何显示HTML元素，样式通常存储在样式表中，把添加到HTML4.0中，是最为了解内容与表现分离的问题，外部样式表可以

极大提高工作效率，外部样式表通常存储在css文件中，多个样式定义可层叠为一

html是整个网站的骨架。

css是对整个骨架内容的美化

 

1.css的语法和规范

　　选择器{属性名：属性值1；属性名：属性值2；}

2.css的引入样式：行内引入式；外部引入式；内部引入式

　　行内引入式：<div style="color:read; font-size:20px;"></div>

　　内部引入式：<style type="text/css">      div{color:blue;}     </style>

　　外部引入式：在html中<title>标签下面要规定：<link rel="stylesheet" type="text/css" href="../../css/style.css"/>

　　　　另外在css中新建一个style.css文件(文件名可以根据情况自己定义) 代码：duv{color:red;font-size:20px;}

　　对于需要修饰元素的优先级问题，需要修饰的元素近，谁的样式生效，其他的被覆盖（就近原则）

3.css的选择器：元素选择器，类选择器，id选择器；

　　id选择器：#id属性名{属性名1：属性值1；属性名2：属性值2；}id选择器具有唯一性

　　元素选择器：元素名{属性名1：属性值1；属性名2：属性值2；}

　　类选择器：.类名{属性名1:属性值1；属性名2：属性值2；}