z-inlin 可以提升定位元素所在的层级;对于没有开启的时候不能用z-inline;
z-index可以指定一个整数作为参数,值越大元素显示的优先级越高,也就是z-index 值较大的元素会显示在网页的最上层;
透明度的问题 : 0 表示完全透明; 1表示不透明;
background-color 背景颜色
background-color属性用来为元素设置背景颜色。
需要指定一个颜色值,当指定了一个颜色以后,整个元素的可见区域都会使用这个 颜色作为背景色。 如果不设置背景颜色,元素默认背景颜色 为透明,实际上会显示父元素的背景颜色。
background-image 背景图片
background-image可以为元素指定背景 图片,和background-color类似,这里使用的是一个图片作为背景。 一个url地址作为参数,url地址需要指向一个外部图片的路径
例如:background-image: url(1.jpg)
background-repeat 背景图片的重复
background-repeat用于控制背景图片的重复方式。如果只设置背景图片默认背景图片将会使用平铺的方式,可以 通过该属性进行修改。
repeat:默认值,图片左右上下平铺
no-repeat:只显示图片一次,不会平铺
repeat-x:沿x轴水平平铺一张图片
repeat-y:沿y轴水平平铺一张图片
background-position 背景的起始位置
background-position用来精确控制背景 图片在元素中的位置。可以通过三种方式来确定图片在水平方向 和垂直方 向的起点。
关键字:top right bottom left center 百分比 数值
如果只给一个值的话,第二个会默认为center,
background-attachment 用来设置背景图片是否随页面滚动
scroll:随页面滚动 fixed:不随页面滚动
雪碧图的特点 : 可以吧多张图片整合到一张图片上,提高用户的访问效率。
background是背景的简写属性
可以一次性设置多个样式,而且样式的顺序没有要求。
CSS Sprites是一种网页图片应用处理方式。
通过这种方式我们可以将网页中的零星图 片集中放到一张大图上。
这样一来,一次请求便可以同时加载多张图片,大大提高了图片的加载效率
表格 格式化的数据;
使用 table 标签创建一个表格。
tr 表示表格中的一行。
tr 中可以编写一个或多个 或
th 表示表头。
td 表示表格中的一个单元格。
在 body 标签里面写 table tr 行 ,一行里有一对 tr td 列;
使用 td 来创建单元格;
可以在 table 里面写 border 例如 : table boder="1"
想要有几行就用 tr 有几个 dt 就有几个单元格; align 对齐;
caption表示表格的标题。
thead表示表格的头部。
tbody表示表格的主体。
tfoot表示表格的底部。
合并单元格指将两个或两个以上的单元格 合并为一个单元格。
合并单元格可以通过在th或td中设置属性 来完成。
横向合并 colspan 纵向合并 rowspan
text-align:设置文本的水平对齐。
vertical-align:设置文本的垂直对齐。
可选值:top、baseline、middle、bottom
border-spacing:边框间距
border-collapse:合并边框
collapse:合并边框
separate:不合并边框
表格是对页面进行布局的;
在表格中如果没有写 thead ,他会默认给你放入tbody里面;
网友评论