昨天定位中有一个定位是固定定位fixed 固定定位的元素会被锁定在屏幕的某个位置上,当访问者滚动网页时,固定元素会在屏幕上保持不动当将position属性设置为fixed时,则开启了元素的 固定定位。
z-index
当元素开启定位以后就可以设置z-index这个属性这个属性可以提升定位元素所在的层级
background-color
backgroud-color 属性来设置背景颜色的当指定一个颜色背景那这个颜色就会成为背景色如果不设置那就默认背景色为透明
background-image
•background-image可以为元素指定背景 图片和background-color类似,这不过这里使用的是一个图片作为背景需要一个url地址作为参数,url地址需要指向一个外部图片的路径例如:background-image: url(img/1.jpg)
background-repeat
background-repeat用于控制背景图片的重复方式如果只设置背景图片默认背景图片将会使用平铺的方式,可以通过该属性进行修改可选值:repeat:默认值,图片左右上下平铺no-repeat:只显示图片一次,不会平铺repeat-x:沿x轴水平平铺一张图片repeat-y:沿y轴水平平铺一张图片
background-position
background-position用来精确控制背景 图片在元素中的位置可以通过三种方式来确定图片在水平方向 和垂直方向的起点
background-attachment
background-attachment用来设置背景图 片是否随页面滚动可选值:scroll:随页面滚动fixed:不随页面滚动
background
background是背景的简写属性,通过这个属性可以一次性设置多个样式,而且样式 的顺序没有要求。
CSS Sprites
CSS Sprites是一种网页图片应用处理方式通过这种方式我们可以将网页中的零星图 片集中放到一张大图上这样一来,一次请求便可以同时加载多张图片,大大提高了图片的加载效率
表格
在Web的历史中,HTML的表格发挥了极大的作用最初创建表格就是为了以表格的形式显示数据,后来表格 变成了一个极受欢迎的布局工具但是有了CSS以后,CSS在布局网页方面实际上会更出 色,所以现在我们使用表格的作用只有一个,就是用来表示格式化的数据HTML中的表格可以很复杂,但是通常情况下我们不需 要创建过于复杂的表格
table,tr,th,td
使用table标签创建一个表格
tr表示表格中的一行它里面可以编写一个或者多个th或td
th 表示标头
td表示表格中的一个元格
caption、thead、tbody、tfoot
caption表示表格的标题。
thead表示表格的头部。
tbody表示表格的主体。
tfoot表示表格的底部
合并单元格
合并单元格可以通过th或td来完成
横向合并 -colspan 纵向合并-rowspan