请注意,本文编写于 1351 天前,最后修改于 1269 天前,其中某些信息可能已经过时。
前端
小目标
进度:
使用的开发工具 : [vscode]()
在写代码时会用到的小技巧:
1.六级标签快速生成:h$*6
2.快捷标签:ul>li*4>a
3.光标快速复制粘贴:复制后按住ctrl+左键选中多个后+v,shift+alt是给同级标签粘贴的
4.注释:单行注释,只需是光标在需要注释的一行ctrl+/,多行注释,选中后: shift+alt+a
5.两行代码的交换: alt+上/下
6.多个标签的替换: ctrl+h
7.代码对齐: shift+alt+fHtml
标签:
| <!DOCTYPE> | 定义文档类型。 |
|---|---|
| <html> | 定义一个 HTML 文档 |
| <title> | 为文档定义一个标题 |
| <body> | 定义文档的主体 |
| <h1> to <h6> | 定义 HTML 标题 |
| <p> | 定义一个段落 |
| <br> | 定义简单的折行。 |
| <hr> | 定义水平线。 |
| <!--...--> | 定义一个注释 |
div和span
div用来组合块级元素,为页面的布局起到至关重要的作用
<div style="text-aline :center;">
<p>这是p标签</p><span>span标签用来改变行内字体的样式</span>
</div>CSS
CSS有三种样式表:外部 外部和行内样式表
内部 : 在 <head>中写入 <style>标签<style>
div{
/*这是选择器
选择器{
样式声明:
属性名:属性值;
}
*/
}</style>
CSS的样式选择器
ID选择器 类名选择器
- ID选择器
使用方法:#名称{
width: xxpx;
height: xxpx;
}- 类名选择器
使用方法: .名称{
width: xxpx;
height: xxpx;
}
使用类名选择器时,可以对所有同一个标签使用 eg: p.center
CSS中,颜色值通常以以下方式定义:
- 十六进制 - 如:"#ff0000"
- RGB - 如:"rgb(255,0,0)"
- 颜色名称 - 如:"red"