本笔记基于B站黑马程序员视频教程

HTML

  • 便捷使用

    !自动补全HTML代码框架

    h1自动补全h1标签

    ctrl+d 可以不断选择相同内容的文本 进行多处编辑

  • 标签

    • 标签的 alt 属性：它规定在图像无法显示时的替代文本。

      title属性：鼠标悬停时显示的提示文本

      width和height控制图片的长宽

    • a 超链接标签 链接处写#表示空链接 target="_blank"表示在新窗口打开

      audio音频标签

      video视频标签

    • 列表标签

      • 无序列表：ul标签中只允许出现li标签，li标签中可以包含其他标签
      • 有序列表：ol标签
      • 自定义列表：dl标签

    • 表格标签：

      table、tr、td

      rowspan、colspan设定单元格的行列长度

    • 表单标签

      input：属性——placeholder、不同type对应的不同类型

      input标签

      button按钮

      select、option下拉菜单

      textarea文本域标签

      label绑定内容与表单标签的关系

    • 语义化标签

      div、span：没有语义

      header、nav、footer、aside、section、article：有语义的布局标签

  • 字符实体

    HTML中存在空格合并现象

     表示空格

    等等

HTML学完之后大多数标签都只是过了一遍，用的时候还需要再查

或者看黑马视频的资料（PPT/XMind）

CSS

CSS基础

  • CSS：层叠样式表

    作用是给HTML设置样式

  • CSS引入方式：

    内嵌式：写在style标签中

    外联式：写在一个单独的.css文件中

    行内式：写在标签的style属性中

    css引入方式

  • 选择器：

    标签选择器

    类选择器，用.+名字来定义

    id选择器，用#+名字来定义，是用来配合js的，只能出现一次

    通配符选择器，用*定义

  • CSS：层叠样式表，后面的样式覆盖前面的

  • div标签相比于p标签没有任何特殊的效果，更常用

CSS的一堆属性需要多写多熟悉，慢慢记忆

CSS进阶

待续..