一.css 介绍
层叠样式表,是一种样式表语言,用来描述HTML和XML文档的呈现。
随着HTML的发展,为了满足页面设计者的要求,HTML添加了很多显示功能,但是随着这些功能的增加,使得HTML越来越杂乱
HTML 页面也越来越臃肿,CSS便随之诞生
CSS 用于简化HTML标签,把关于样式部分的内容提取出来,进行单独的控制,使结构与样式分离开发。
CSS 是以HTML为基础,设置网页的外观显示样式,如字体、颜色、背景的控制及整体的布局等,和HTML 类似
CSS也不是真正的编程语言,甚至不是标记语言。它是一门样式表语言。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。
重点:
CSS也不是真正的编程语言,甚至不是标记语言。它是一门样式表语言
CSS2.0的诞生才真正地把结构与样式进行分离,从而得到快速的发展
二.CSS基本语法
2.1css 引入方式
给HTML标签添加CSS样式总共有三种样式:行间样式、 内部样式和外部样式三种方式
三.基础属性
3.1宽高
CSS通过width、height这两个属性来设置HTML标签的尺寸和大小,即元素的宽高
3.2背景样式
背景样式的属性
属性 含义
background-color 设置背景色
background-image 设置背景图片
background-reprat 设置背景图片的平铺方式
background-position 设置背景图片的位置
background-attachment 设置背景图随滚动条的移动方式
3.2.1背景色 background-color
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
#s1{
width: 500px;
height: 500px;
background-color: yellow;
}
</style>
</head>
<body>
<div style="width: 500px;height: 500px;background-color: red"></div>
<div id="s1"></div>
</body>
</html>