基础知识

在这里插入图片描述
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() 方法
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值