前端 #

CSS: CSS # 层叠样式表 (Cascading Style Sheets，缩写为 CSS），是一种样式表语言，用来描述 HTML 文档的呈现（美化内容）。书写位置：title 标签下方添加 style 双标签，style 标签里面书写 CSS 代码。 <title>CSS 初体验</title> <style> /* 选择器 { } */ p { /* CSS 属性 */ color: red; } </style> <p>体验 CSS</p> 提示：属性名和属性值成对出现 → 键值对。 CSS引入方式 # 内部样式表：学习使用 CSS 代码写在 style 标签里面外部样式表：开发使用 CSS 代码写在单独的 CSS 文件中（.css）在 HTML 使用 link 标签引入 <link rel="stylesheet" href="./my.css"> 行内样式：配合 JavaScript 使用 CSS 写在标签的 style 属性值里 <div style="color: red; font-size:20px;">这是 div 标签</div> 选择器 # 作用：查找标签，设置样式。
HTML: HTML # HTML 超文本标记语言——HyperText Markup Language。超文本：链接 HTML骨架 # html：整个网页 head：网页头部，用来存放给浏览器看的信息，例如 CSS，title，meta body：网页主体，用来存放给用户看的信息，例如图片、文字 <html> <head> <title>网页标题</title> </head> <body> 网页主体  </body> </html> 在vscode中，可以输入!或者html5快速生成标签 # 标记：标签，带尖括号的文本注意，文本本身也算标签的一部分 <strong>需要加粗的文字<strong>  <br>  <hr> 标签关系 # 父子关系（嵌套关系）：子级标签换行且缩进（Tab键）兄弟关系（并列关系）：兄弟标签换行要对齐 <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Demo</title> </head> 标题标签 # 一般用在新闻标题、文章标题、网页区域名称、产品名称等等 <h1>一级标题</h1> <h2>二级标题</h2> <h3>三级标题</h3> <h4>四级标题</h4> <h5>五级标题</h5> <h6>六级标题</h6> 显示特点：文字加粗字号逐渐减小独占一行（换行）经验 h1 标签在一个网页中只能用一次，用来放新闻标题或网页的 logo h2 ~ h6 没有使用次数的限制段落标签 # 一般用在新闻段落、文章段落、产品描述信息等等