目录
3.background-repeat设置背景图片的平铺方式
4.background-position 设置背景图片的位置
一.css 介绍
层叠样式表,是一种样式表语言,用来描述HTML和XML文档的呈现。随着HTML的发展,为了满足面设计者的要求,HTML添加了很多显示功能,但是随着这些功能的增加,使得HTML越来越杂乱,HTML 页面也越来越臃肿,CSS便随之诞生,CSS 用于简化HTML标签,把关于样式部分的内容提取出来,进行单独的控制,使结构与样式分离开发。
CSS 是以HTML为基础,设置网页的外观显示样式,如字体、颜色、背景的控制及整体的布局等,和HTML 类似,CSS也不是真正的编程语言,甚至不是标记语言。它是一门样式表语言。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。
1996年发布的了CSS1.0,这个版本只提供一些简单的功能,并没有得到广泛的应用。直到CSS2.0
的诞生才真正地把结构与样式进行分离,从而得到快速的发展。CSS2.1版本是CSS2.0版本的修正版,也是目前最稳定的一个版本。
随着互联网的高速发展,网页样式也有更多的需求,CSS3 在CSS2.1的基础上提供了更多实用且强大的功能。目前CSS3 还没有发布正式版本。
二.CSS基本语法
2.1css 引入方式
给HTML标签添加CSS样式总共有三种样式:行间样式、 内部样式和外部样式三种方式
2.1.1行间样式引入
在HTML标签中添加style属性来设置CSS。语法如下:
style="属性1:值1;属性2:值2;属性3:值3;"
CSS样式由属性和值两部分组成,通过冒号的方式进行连接。多组样式之间使用分号(;)进行分
割。一般规范会在分号后面加一个空格,这样更加方便阅读代码。
例子:
<div style="width:50px; height:50px; background-color: black"></div>
2.1.2像素单位
像素单位用px表示,全称 “pixel”。px就是一张图片中最小的点,或者是计算机屏幕最小的点。
2.1.3百分比单位
百分比单位是一个相对单位,经常在嵌套标签中使用。假如给子标签(也叫内层标签)设
置百分比单位,那么这个单位就是相对于父标签(也叫外层标签)的尺寸大小。
例子:
<body>
<div style="width:100px; height:100px; background-color: black">
<div style="width:50%; height:50%; background-color: yellow"></d