ctrl+s 保存
ctrl+a 全选
ctrl+回车键 换行
alt+shift +向上键 向上复制
alt+shift +向下键 向下复制
l o r e m+Tab键 自动生成英文文本
ctrl + f 快速查找
键入ul > li + Tab键 自动生成子元素结构
ul > li *5 + Tab 自动生成
- 中包含5个
- 结构
直接按Tab键,光标切入 - 中间
.box1 + Tab键 自动生成
h 100 + Tab键 自动生成 height:100px
class 类
hellow
短引用 ---- “hellow”
windows+R打开搜索页 输入calc+enter键打开计算器 - 查看 - 程序员 - 进制换算
按住shift不放 多选
“标签”=“元素”
自结束标签:/ /
查看拓展名:组织-文件夹选项-查看-(下拉)隐藏扩展名-取消
html的注释
,注释不可嵌套
style的注释 /* */
Ctrl+/ 注释快捷键
!+Tab键 自动生成一个完整的网页结构
lan=“en” 语言 = “英语”
lan=“zh” 语言 = “中文”
stylesheet 样式表
文档声明(doctype):用来告诉浏览器当前网页的版本
<!doctype html> html5的文档申明 位置放在开头第一行外面
用记事本编写的网页(GB2312),用vscode打开出现乱码现象。点右下角UTF-8----“通过编码重新打开”—选中“GB2312”
VScode软件的安装:Visual Studio Code
(1)、安装Vscode
(2)、安装中文语言包
(3)、尝试安装ayu主题
(4)、将一个目录作为项目目录打开
(5)、创建一个新网页
(6)、安装Live server
(7)、尝试通过Live server来运行原件
(8)、设置代码自动存储 设置—Auto save—自动保存
网页的大标题
长度单位:
像素:
-屏幕(显示器)实际上是由一个一个的小点点构成的
-不同屏幕的像素大小不同,像素越小的屏幕显示的效果越清晰。
-所以同样的200px在不同的设备下显示效果不一样。
百分比:
- 也可以将属性值设置为相对于其父元素属性的百分比。
em
-em是相对于元素的字体大小来计算的。
-1em=font-size
-em会根据字体大小的改变而改变
rem
-rem是相对于根元素的字体大小来计算的
10em=10x16=160px
创建一个外部容器 : nav(div) div(div) ul(li)
要让一个文字在父元素中垂直居中,只需将父元素的line-height设置为一个和父元素height一样的值。
photoshop使用:
1、将图片单位修改为像素:(右上角)右击—界面选项—单位与标尺—将“标尺、文字”的单位修改为像素
2、 Ctrl + R 显示标尺
引用外部样式表格式:
引用特殊字体:
关于输入框样式的设定:
鼠标变小手:
给body设背景图:
不让a标签发生跳转:
限制输入框长度:
calc() 方法