2020-0321超链接,css,内部样式表

属性

  • 可选值
    • targer=_self默认值,直接在当前窗口打开链接
    • targer=_blank 在一个新窗口打开链接
      超链接
  • lorem+tab键直接生成英文的快捷键
    文字多会出现滚动条,拖到最下边向回到最上边,要实现回到顶部的功能,不需要跳转到其他页面,而是跳转到当前页面
    • 写个超链接,href属性为#,点击后回到顶部
    • 在顶部写个去底部的功能,没有个明确的位置,只能说某个位置,所谓的去底部,就是跳转到最后一个超链接的位置
      • id属性,在HTML中页面中每个元素都可以设置一个id属性
        • 是元素的唯一标识,不能重复的,底部写超链接,顶部写去底部
        • href可以设置为#id属性值,则点击超链接时可以跳转到指定元素所在的位置,在页面的内部跳转

css(层叠样式表)

  • 三个部分组成:结构、表现和行为
  • 负责页面的表现
  • 什么叫层叠,网页是平面的结构,实际上是多层的结构,通过css可以为页面的每一层设置样式,一层盖着一层,最终呈现给用户的是网页的最上层,就是负责装饰网页的
    编写css的位置
    1.内联样式(行内样式)
    • 可以直接将css样式编写到标签的style属性中,在开发中不推荐使用内联样式,这种样式不方便复用
      2.将样式直接编写到HTML标签的内部,属于结构与表现的耦合,不方便后期维护
      高内聚,低耦合
      3.可以将css编写到head标签中的style里,这种编写样式的方式成为内部样式表,将HTML和css进行分离,降低了二者的耦合,方便后期的维护
      4.在内部样式表中,需要选择器来选中元素,从而设置样式,这样可以在样式页面中复用
      标题用h1

你可能感兴趣的:(2020-0321超链接,css,内部样式表)