请注意,本文编写于 1136 天前,最后修改于 1054 天前,其中某些信息可能已经过时。
前端
小目标
进度:
使用的开发工具 : [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+f
Html
标签:
<!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"
1 条评论
看的我热血沸腾啊www.jiwenlaw.com