CSS:
层叠样式表:
样式定义如何显示 HTML元素
样式通常储存在样式表中
多个样式可层叠为一
外部样式表极大提高工作效率
修饰HTML的页面.使页面与样式分离.
CSS语法:(选择器,声明)(就近原则)
选择器: 属性 属性:值
行内样式(局限性) :
border :设置边框
<h1 style= "color :red; font-size:50px">标题</h1>
行内样式:在html元素上使用style属性设置
页面内部内样式:在<head>标签中使用style标签设置CSS
<head>
<style>
h1{
color:bule;
font-size: 50px;
}
</style>
</head>
外部样式: 单独定一个,CSS的文件,去引用这个CSS文件
<link href = "../../demo.css" rel = "stylesheet"type="text/css"/>
* CSS的选择器:
* 元素选择器
* ID选择器
* 类选择器
* 后代选择器
* 子元素选择器
* CSS的样式:
* 文本
* 背景
* 字体
* 列表
* CSS的盒子模型:
* 内边距:padding
* 边框:border
* 外边距:margin
* CSS的悬浮和定位:
* 悬浮:float属性设置悬浮.
* 清除悬浮:clear属性清除.
* 定位:position属性设置定位.
* 使用left和top属性控制位置.
* display属性:控制元素的显示方式:
* block--显示的, none--隐藏的,inline--显示到一行.