前端基础温故而知新--第1篇

134 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 6 月更文挑战」的第6天,点击查看活动详情

一、base标签

  • base标签作用是为页面上的所有连接设置默认目标
  • 属性target默认值为_self,表示在当前页面打开连接;还有一个值为_blank,表示新建一个空白页面打开连接
  • base标签必需写在head标签内部
  • base标签是单标签,即该标签没有结束标签 image.png

二、特殊字符

  • html中常用的特殊字符及其对应的字符代码如下图: image.png

三、自定义列表

  • dt后面接dddt放置名词,后面接的dd放置该名词的多种解释,如下图案例中北京包含昌平、通州、顺义等这些区域
  • 自定义列表的使用和页面显示效果如下图: image.png

image.png

image.png

四、伪类选择器

  • 伪类选择器用于给超级连接的不同状态设置样式,伪类选择器都带有:
    1. :link 正常状态
    2. :visited 访问过后状态
    3. :hover 鼠标放上状态
    4. :active 激活状态 鼠标左键已经按下去,但并没有将鼠标左键弹出
  • 超级连接的不同状态是有顺序的,即伪类选择器设置也是有顺序的。如果不按照顺序设置样式,那么样式会失效
  • 伪类选择器设置顺序依次为::link,visited,:hover,:active

超级连接的美化

  • 通常会去掉超级连接的下划线,然后同时给超级连接设置一个颜色
  • 正常状态和访问过后的状态设置同一样式
  • 当为鼠标放上状态时,设置其它颜色
  • 激活状态一般不会设置样式,因为时间太短

image.png