当前位置 博文首页 > mataodehtml的博客:java学习之路——第二十九天

    mataodehtml的博客:java学习之路——第二十九天

    作者:[db:作者] 时间:2021-08-11 09:47

    c.css中的背景

    ???????? 在css中可以使用颜色作用背景颜色,还可以使用图片作为背景。

    ???????? 在使用颜色作为背景的使用注意要使用颜色的16进制表示。

    ?

    ???????? 如果你的页面使用颜色作为背景,建议网页的背景颜色为

    ???????? #AAAAAA-----#FFFFFF

    ???????? 颜色是越来越淡,一般使用#EEEEEE作为背景比较多

    ?

    ???????? 使用图片作为背景

    ???????? background-image:url(“背景图片的路径”

    ?

    使用图片作为背景,如果图片的大小不够大,他会默认采用x,y平铺的方法,铺满整个屏幕,如果想控制他,我们可以采用下面的属性进行控制

    background-repeat:repeat-x;? 平铺x轴

    background-repeat:repeat-y;? 平铺y轴

    background-repeat:no-repeat;? 不平铺

    ?

    background-attachment:fixed

    使背景颜色不会随着鼠标移动而移动

    ?

    d.与位置相关的属性

    ???????? 1.内边距

    ?????????????????? 内边距慎用,内边距会撑开父便签,给我们布局会造成一些麻烦。

    ?

    ???????? 2.外边距

    ?????????????????? margin:

    ?????????????????? ???????? 根据相应的单词? 设置距离哪边的边距,

    ?????????????????? 如果同时设置的边距不可能同时满足,优先满足上左。

    ?????????????????? 简写方式:

    ?????????????????? margin:上下间距,左右间距

    ?????????????????? margin:100px auto

    ?????????????????? 上下100px 外边距左右居中

    ?

    ???????? 3.定位

    ???????? CSS+DIV布局

    ???????? table布局(不推荐)

    ???????? Position

    ???????? ???????? static? 默认的

    ???????? ???????? ???????? 没有定位,不可以使用? 元素??? 定位属性

    ?????????????????? fixed? 绝对定位

    ??????????????????????????? 相当于浏览器(相当于自己浏览器的页面)

    ?????????????????? relative 相对定位

    ??????????????????????????? 先按照正常定位,然后再根据属性进行定位

    ?????????????????? absolute 相对定位

    ??????????????????????????? 相对于父便签进行定位

    ?????????????????? sticky 粘贴? 粘性定位

    ???????? z-index

    ?????????????????? 解决重叠元素谁在前面显示

    ?

    ?

    cs