程序猿学习第七天,超链接样式和div

来源:互联网 发布:淘宝开服装店教程 编辑:程序博客网 时间:2024/06/08 14:21

一、超链接伪类。
伪类:不是根据名称,属性,内容而是根据标签处于某种行为或者状态时的特征来修饰样式。
如超链接四个状态
a:link——未单击访问时超链接样式(一般此状态样式直接在a{}中完成修饰)
a:visited——单机访问后超链接样式
a:hover——鼠标悬浮其上的超链接样式
a:active——鼠标单击未释放的超链接样式
超链接四种伪类设置有顺序:a:link>a:visited>a:hover>a:active,不过a并不受影响也不会影响这些伪类。

二、鼠标样式
cursor属性常用值
default——默认光标
pointer——超链接指针(小手)
wait——指示程序在忙
help——指示可用的帮助
text——指示文本
crosshair——鼠标呈现十字状

三、div标签
布局用标签,用于把HTML分割成独立的,不同的部分。

四、背景属性
背景色background-color
背景图像background-image
background-repeat属性用来控制图像是否复制平铺

    值:repeat:沿水平方向和垂直方向平铺        no-repeat:不平铺,背景图像只显示一次        repeat-x:只沿水平方向平铺        repeat-y;只沿垂直方向平铺。

background-position属性用来设置图像在背景中的位置。

      取值:          Xpx Ypx-------使用像素值表示,第一个值表示水平位置,第二个值表示垂直位置。          X% Y%------使用百分比表示背景位置          X,Y方向键关键词------使用关键词表示背景的位置,水平方向的关键词有left、center、right,垂直方向的关键词有top、center、bottombackground系列的属性,可以直接用一个background属性来统一进行声明,在其后把所需属性依次填写即可,不限制顺序,唯一需要注意的就是,控制方向的两个属性值,必须作为一组相邻填写,它们之间不可再插入填写其它属性值。

五、列表样式

    直接使用list-style或者list-style-type属性的none值把列表默认的列表符号去掉,然后使用背景图像来设置列表前的北京小图片。简单又方便。
原创粉丝点击