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

一、超链接伪类。
伪类:不是根据名称,属性,内容而是根据标签处于某种行为或者状态时的特征来修饰样式。
如超链接四个状态
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、bottom

background系列的属性,可以直接用一个background属性来统一进行声明,在其后把所需属性依次填写即可,不限制顺序,唯一需要注意的就是,控制方向的两个属性值,必须作为一组相邻填写,它们之间不可再插入填写其它属性值。

五、列表样式

    直接使用list-style或者list-style-type属性的none值把列表默认的列表符号去掉,然后使用背景图像来设置列表前的北京小图片。简单又方便。
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值