前端
Hylae
这个作者很懒,什么都没留下…
展开
-
VScode常见快捷键操作
一、 1.CTRL+G–跳转到行数 2. CTRL+shift+M–显示errors/warnings 3. CTRL+shift+O–跳转到symbol(搜索变量或函数) 二、 4. CTRL+N–新建文件 5. CTRL+tab–文件之间切换 6. ctrl+shift+N–打开一个新的vscode编辑器 7. ctrl+W–关闭当前窗口 8. ctrl+shift+w–关闭当前vscode编辑器 三、代码编辑 (1)格式调整 1. ctrl+[, ctrl+]–代码行向左、右缩进 2. shift+a原创 2021-03-22 12:30:57 · 1014 阅读 · 0 评论 -
webpack安装说明
webpack简介 webpack是一个module bundler(模块构建工具),可以帮助打包、编译、和管理项目需要的众多资源文件和依赖库。 webpack可以支持amd,es6,commonJS模块,且兼容多种js规范,并可以压缩图片,对css、js文件进行语法检查、压缩、编译打包。 安装步骤 全局安装webpack npm install webpack -g 全局安装webpack-cli npm install webpack-cli -g webpack特点: 1. 可以用于单页应用(SP原创 2021-03-17 09:43:55 · 107 阅读 · 0 评论 -
自用-node,npm,webpack,vue安装步骤
使用vue/cli创建vue项目原创 2021-03-17 09:42:11 · 86 阅读 · 0 评论 -
CSS代码规范
CSS代码规范总结-自用 先写局部html结构,在写局部css样式,重复操作进行网页的编写!!! css规范: 类名语义化:尽量精短、明确;必须以字母开头命名,且全部字母为小写;单词之间统一使用下划线"_"连接 类名中的嵌套最多三层 尽量避免直接使用元素选择器 在css中,属性书写顺序总结 布局定位属性:display / position / float / clear / visibility / overflow 尺寸属性:width / height / margin / padding / b原创 2021-03-17 09:38:47 · 164 阅读 · 2 评论 -
CSS---居中总结
CSS中元素居中方式总结 居中:盒子在其包含块中居中; 主要有以下几类方式: 行盒(行块盒)水平居中 直接通过设置行盒(行块盒)的父元素方式 text-align:center; 常规流 块盒水平居中 首先需要先定宽width,再设置左右的margin为auto(auto会自动吸收剩余空间,所以需要先定宽度) width:20px; margin: 20px auto; 绝对定位元素的水平居中 定宽,设置左右的坐标为0(left:0; right:0),再将左右margin设置为auto; left:0;原创 2021-03-04 19:31:10 · 149 阅读 · 1 评论 -
CSS布局
参考知乎:在这做个笔记,供自己学习总结 (https://zhuanlan.zhihu.com/p/25565751) 常见居中方法 水平居中: 根据子元素是行内元素还是块状元素,是否定宽,采取的布局不一样;常见的如下: 行内元素:对父元素设置text-align:center; 块状元素(定宽):设置左右margin:auto; 块状元素(不定宽): 先设置子元素:display:inline;在对父元素设置:text-align:center; 通用方案: flex布局,对父元素设置displ原创 2020-08-03 11:13:30 · 125 阅读 · 0 评论 -
HTML笔记
使用Vscode软件编写 Emmet插件:自动生成html代码片段 !+tab键 可以生成标准的文档结构: html:页面,页面结构 或者html:5+tab键 <!doctype html>文档声明 注释 ctrl+/键可以生成 元素/标签/标记 : 元素=起始标记+结束标记+元素内容(在页面要显示的东西)+元素属性(不适必须写,可以描述额外信息); 属性:属性名城+属性值 局部属性:某些元素特有的属性 全局属性: 所有元素通用的属性 没有结束标签的元素:空元素 ,, <。。。/>原创 2020-07-25 19:10:26 · 236 阅读 · 0 评论 -
css中float,position,display,以及清除浮动的知识点
float:css属性, 指定一个元素应沿其容器的左侧或者右侧放置,允许文本和内联元素环绕它;该元素从网页的正常流动(文档流)中移除,也保持部分的流动性(与绝对定位相反)。 float意味着使用块布局,在某些情况下修改display的值。 left:元素浮动在其所在的块容器左侧的关键字 right:元素浮动在其所在的块容器右侧的关键字 none:元素不浮动的关键字 ...原创 2020-07-23 10:36:30 · 431 阅读 · 0 评论 -
web前端:HTML+CSS实现百度首页静态显示
题外话,目前刚接触前端,刚看了HTML和CSS学习的基本内容,百度首页的静态显示作为一个简单练手项目巩固知识点。 1.如何实现一个网站页面的编写 通过一些博主的总结,主要可以分为四点: 网站类型:网站里有什么东西; 布局(排版):明确页面上每一块是什么,比如左上角的区域,右上角的区域,logo区域,下角区域等; 结构:用html架构代码,从步骤2可知,将每一块写为一个元素,在中添加内容; 细节:用CSS进行编排。 根据上面的步骤我们就可以完成一个简单的页面显示,通过HTML代码将所需要的内容添加,在用C原创 2020-07-21 07:37:53 · 3361 阅读 · 0 评论 -
制作静态首页 巩固CSS语法
1.明确布局结构,分为大结构内嵌小结构,在html中使用不同的元素和标签 2.CSS样式介绍 (1)css语法规则 selector{ declaration1; declaration2; declaration3; …} (2) css背景语法 div{ background-color: #00ff00; 背景暗色 background-image: url(./…/…jpg); 背景图片 background-repeat: no-repeat; 不重复,还有repeat-x,repeat-原创 2020-07-17 15:50:50 · 107 阅读 · 0 评论