前端语言串讲|青训营笔记

54 阅读2分钟

htmlSEO三大标签

后面陆续添加的一些标签:

SEO(Search Engine Optimization):搜索引擎优化 作用:让网站在搜索引擎上的排名靠前 提升SEO的常见方法:

  1. 竞价排名

  2. 将网页制作成html后缀

  3. 标签语义化(在合适的地方使用合适的标签)

  4. title :网页标题标签

  5. description :网页描述标签

  6. keywords :网页关键词标签

css中的一些难点:

CSS Display(显示) 与 Visibility(可见性)

隐藏元素

  • display:none或visibility:hidden
    隐藏一个元素可以通过把display属性设置为"none",或把visibility属性设置为"hidden"。但是请注意,这两种方法会产生不同的结果。

visibility:hidden可以隐藏某个元素,但隐藏的元素仍需占用与未隐藏之前一样的空间。也就是说,该元素虽然被隐藏了,但仍然会影响布局。

记住!

display:none可以隐藏某个元素,且隐藏的元素不会占用任何空间。也就是说,该元素不但被隐藏了,而且该元素原本占用的空间也会从页面布局中消失。

css的定位一向是难点!!

CSS Position(定位)

position 属性指定了元素的定位类型。

position 属性的五个值:

static
relative
fixed
absolute
sticky
元素可以使用的顶部,底部,左侧和右侧属性定位。然而,这些属性无法工作,除非是先设定position属性。他们也有不同的工作方式,这取决于定位方法。

什么是sticky定位???

sticky 定位

position: sticky; 基于用户的滚动位置来定位。

粘性定位的元素是依赖于用户的滚动, 用来在 position:relative 与 position:fixed 定位之间切换。 它的行为就像 position:relative; 而当页面滚动超出目标区域时,它的表现就像 position:fixed;,它会固定在目标位置。 元素定位表现为在跨越特定阈值前为相对定位,之后为固定定位。

css中float的作用:

CSS 布局 - Overflow

  • 用于控制内容溢出元素框时显示的方式。
  • 可以控制内容溢出元素框时在对应的元素区间内添加滚动条。