一、背景

1、可以使用background-color属性设置背景色,这个属性接收任何合法的颜色值

它的默认值为transparent,表示透明的意思,不然祖先元素要是有颜色的话,就会被覆盖、

2、把图像放入背景需要使用background-image属性,默认值为none,设置的时候用url引用地址,其他跟

background-color类似

3、background-repeat:如果需要在页面上对背景图片进行平铺,repeat-x 和 repeat-y 分别导致图像只在水平或垂直方向上重复,no-repeat 则不允许图像在任何方向上平铺。

4、可以利用 background-position 属性改变图像在背景中的位置。可以使用一些关键字:top、bottom、left、right 和 center。

注意使用百分数的时候,这会导致图像适当放置,其中心与其元素的中心对齐。换句话说,百分数值同时应用于元素和图像。也就是说,图像中描述为 50% 50% 的点(中心点)与元素中描述为 50% 50% 的点(中心点)对齐。

使用长度时候:如果设置值为 50px 100px,图像的左上角将在元素内边距区左上角向右 50 像素、向下 100 像素的位置上

5、可以通过 background-attachment 属性防止这种滚动。通过这个属性,可以声明图像相对于可视区是固定的(fixed),因此不会受到滚动的影响,设置为fixed,默认属性为scroll

6、background:指定一行中以上五个属性的缩写

7、background-size:允许动态调整背景图像的大小

二、css边框

1、border是围绕在元素内容和内边距的一条或者是多条线,允许你规定元素边框的样式、宽度和颜色

2、border-style:默认为none,想要有的话设置solid,可以为四个值,可以使用border-top-style来设置边框的上部分的样式

3、border-width:为边框指定宽度,宽度可以是px也可以是thin 、medium 和 thick ,可以使用border-top-width设置边框上方的高(若没有设置border-style,则没有)

4、 border-color:默认的边框颜色是元素本身的前景色。如果没有为边框声明颜色,它将与元素的文本颜色相同,一个用border-top-color来设置,

border-color: transparent;

从某种意义上说,利用 transparent,使用边框就像是额外的内边距一样;此外还有一个好处,就是能在你需要的时候使其可见。这种透明边框相当于内边距,因为元素的背景会延伸到边框区域(如果有可见背景的话)

5、border-radius:可以设置圆角,椭圆角的话用

border-radius: 10px / 20px;
border-radius: 10px 30px / 20px 40px;

6、boder-image设置边框:地址:https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Styling_boxes/Borders

三、列表的设置

1、ul li 此前已经解释过,不再做过多的赘述

2、li {list-style : url(example.gif) square inside}

表示:1、使用图像的序列号,不使用常规的序列   2、无序列表中的列表项标志设置为方块。 3、标志出现在列表项内容之外还是内容内部。这是利用 list-style-position 完成的

3、start 属性允许你从1 以外的数字开始计数。

4、reversed 属性将启动列表倒计数

5、value 属性允许设置列表项指定数值 可以指定任何的数值

四、CSS链接

1、a:link - 普通的、未被访问的链接

      a:visited - 用户已访问的链接

      a:hover - 鼠标指针位于链接的上方

      a:active - 链接被点击的时刻    (之间的顺序不能错)

2、text-decoration:属性大多数用于去掉链接中的下划线

3、background-color:规定链接的背景色

五、选择器

第三天的百度学院第三天的整理里面有详细的介绍

链接地址:javascript:void(0)