![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
Hylae
这个作者很懒,什么都没留下…
展开
-
VScode常见快捷键操作
一、1.CTRL+G–跳转到行数2. CTRL+shift+M–显示errors/warnings3. 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 · 949 阅读 · 0 评论 -
webpack安装说明
webpack简介webpack是一个module bundler(模块构建工具),可以帮助打包、编译、和管理项目需要的众多资源文件和依赖库。webpack可以支持amd,es6,commonJS模块,且兼容多种js规范,并可以压缩图片,对css、js文件进行语法检查、压缩、编译打包。安装步骤全局安装webpacknpm install webpack -g全局安装webpack-clinpm install webpack-cli -gwebpack特点:1. 可以用于单页应用(SP原创 2021-03-17 09:43:55 · 96 阅读 · 0 评论 -
自用-node,npm,webpack,vue安装步骤
使用vue/cli创建vue项目原创 2021-03-17 09:42:11 · 76 阅读 · 0 评论 -
CSS代码规范
CSS代码规范总结-自用先写局部html结构,在写局部css样式,重复操作进行网页的编写!!!css规范:类名语义化:尽量精短、明确;必须以字母开头命名,且全部字母为小写;单词之间统一使用下划线"_"连接类名中的嵌套最多三层尽量避免直接使用元素选择器在css中,属性书写顺序总结布局定位属性:display / position / float / clear / visibility / overflow尺寸属性:width / height / margin / padding / b原创 2021-03-17 09:38:47 · 129 阅读 · 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 · 115 阅读 · 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 · 114 阅读 · 0 评论 -
HTML笔记
使用Vscode软件编写Emmet插件:自动生成html代码片段!+tab键 可以生成标准的文档结构:html:页面,页面结构或者html:5+tab键<!doctype html>文档声明注释ctrl+/键可以生成元素/标签/标记 :元素=起始标记+结束标记+元素内容(在页面要显示的东西)+元素属性(不适必须写,可以描述额外信息);属性:属性名城+属性值局部属性:某些元素特有的属性全局属性: 所有元素通用的属性没有结束标签的元素:空元素,, <。。。/>原创 2020-07-25 19:10:26 · 201 阅读 · 0 评论 -
css中float,position,display,以及清除浮动的知识点
float:css属性,指定一个元素应沿其容器的左侧或者右侧放置,允许文本和内联元素环绕它;该元素从网页的正常流动(文档流)中移除,也保持部分的流动性(与绝对定位相反)。float意味着使用块布局,在某些情况下修改display的值。left:元素浮动在其所在的块容器左侧的关键字right:元素浮动在其所在的块容器右侧的关键字none:元素不浮动的关键字...原创 2020-07-23 10:36:30 · 409 阅读 · 0 评论 -
web前端:HTML+CSS实现百度首页静态显示
题外话,目前刚接触前端,刚看了HTML和CSS学习的基本内容,百度首页的静态显示作为一个简单练手项目巩固知识点。1.如何实现一个网站页面的编写通过一些博主的总结,主要可以分为四点:网站类型:网站里有什么东西;布局(排版):明确页面上每一块是什么,比如左上角的区域,右上角的区域,logo区域,下角区域等;结构:用html架构代码,从步骤2可知,将每一块写为一个元素,在中添加内容;细节:用CSS进行编排。根据上面的步骤我们就可以完成一个简单的页面显示,通过HTML代码将所需要的内容添加,在用C原创 2020-07-21 07:37:53 · 3301 阅读 · 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 · 95 阅读 · 0 评论