![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 58
一个卖女孩的小火柴
别假装很努力,结果不会陪你演戏
展开
-
HBuilder常用的快捷键
HBuilder常用的快捷键:1)单行注释:ctrl+/(2)多行注释:ctrl+shift+/顺便说一下取消注释快捷键单行注释:选中待取消注释区域–>ctrl+/多行注释:光标放置在待取消注释区域任意一行(或选中任意一部分区域,当然你选中整个区域也没问题)–>ctrl+shift+/Alt + [ 匹配括号Alt + ↓跳转到下一个可编辑区Ctrl + Alt + j 合并下一行Ctrl + Alt + ←选择助手Ctrl + 回车 换行Ctrl + Shift + 回车原创 2021-09-16 16:54:28 · 7367 阅读 · 1 评论 -
前端03——css
前端03——cssCSS介绍CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。css实例每个CSS样式由两个组成部分:选择器和声明。声明又包括属性和属性值。每个声明之后用分号结束。CSS注释/*这是注释*/注释是代码之母。CSS的几种引入方式行内样式行内式是在标记的style属性中设定CSS样式。不推荐大规模使用。<p style="color: red">原创 2021-08-03 20:42:08 · 151 阅读 · 0 评论 -
30 个案例教你用纯 CSS 实现常见的几何图形
三角形传统 border 实现我们知道,如果设置一个盒子的宽高为 0,盒子就会变成一个点。此时再给上下左右四个 border 一定的宽度和不同的颜色,那么单纯由 border 填充的盒子看起来是这样的:但内容盒有宽高的时候,四个 border 的对接处就不是一个点,而是一个矩形(图中白色区域),这时候的border 看起来就会和现实中的边框差不多:因此,要绘制三角形,核心就是设置盒子的宽高为 0,让 border 表现为一个三角形:.delta {width: 0px;height: 0p.转载 2021-08-02 19:41:35 · 480 阅读 · 0 评论 -
HTML5的语义化标签
HTML5的语义化标签HTML5 新增结构元素分为主体结构元素和非主体结构元素主体结构nav 导航section 文章的一块内容,独立的内容块,强调跟内容标题一起使用,没有标题内容不推荐用sectionarticle 可以是一个网页,一篇文章,和一个独立的内容块aside 辅助信息time 时间非主体结构header 小内容的头部footer 小内容的底部hgroup 标题组embedmark 搜索关键字内容dialog 对原创 2021-08-02 19:37:23 · 130 阅读 · 0 评论 -
2. HTML标签
2. HTML标签1. HTML简介用户使用浏览器打开网页看到结果的过程就是:浏览器将服务端的文本文件(即网页文件)内容下载到本地,然后打开显示的过程。而文本文件的文档结构只有空格和黄航两种组织方式,如此,文本文件在打开显示时,显示的效果将会非常的单一。为了让显示的效果不那么单调,我们会偏向会使用我们会偏向使用word一类的文本编辑工具来编排文本内容,编排的原理就是:在编辑文件时会选中各部分内容,然后为内容打上不同的标记,比如什么是标题,什么是段落,然后存放硬盘里,等下次打开时,word会识别之前原创 2021-08-02 19:26:28 · 315 阅读 · 0 评论 -
前端 01——前端前期介绍
前端什么是前端""" 只要是跟用户打交道的界面都称为前端 什么是后端? Python代码,Java,Go,PHP, nodejs, => (一堆后端代码) 脉冲云 """为什么学前端""" 我们是全栈开发 全栈:python, 前端, mysql, linux, docker 前端我们需要学到什么程度呢? 我们可以看懂别人写的一些简单页面,简单代码,并且,能够调试一下或者书写一些基本的简单页面,在学一些配套后端代码的前端代码"""前端需要学的内容"""原创 2021-08-02 17:20:53 · 173 阅读 · 0 评论 -
前端需要知道的学习的网站
1、17素材网:资源还算比较全,包括各种前端插件、图片展示、文字效果、以及整站模板等,但是需要花钱注册会员。网址:https://www.17sucai.com/2、模板之家:整站资源比较丰富,各种后台管理、企业、政府模板。免费,广告较多。网址:http://www.cssmoban.com/3、图标bootstrap图标大全:http://www.bootstrapicons.com/icon图标大全:https://ionicons.com/菜鸟教程大家应该都知道这个网站,简直就是初学者原创 2021-08-02 16:52:16 · 237 阅读 · 0 评论 -
字体css样式属性值
1、字体大小font-size:浏览器默认的字体大小16pxem相对于自己的font-size值,如果自己没有font-size,相对于父元素的font-size值1em=16px2、字体颜色color:单词颜色16进制颜色0-9a-ffffrgb和rgba(透明度取值0-1,0是完全透...原创 2021-06-07 21:04:46 · 194 阅读 · 0 评论 -
Vue --this.$set()的用法
Vue --this.$set()的用法data中数据,都是响应式。也就是说,如果操作data中的数据,视图会实时更新;但在实际开发中,遇到过一个坑:若data中数据类型较为复杂,方法methods中改变对象的属性,视图也就是页面并不会改变原因是vue监听不到数据类型特别复杂的属性。可以使用this.$set()来进行强制更新,进而解决问题对象操作: 三个参数:this.$set("改变的对象","改变的对象属性","值")数组操作: 三个参数:this.$set("数组".原创 2021-06-07 20:58:26 · 685 阅读 · 0 评论 -
css +html 倒三角 图标
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> #dropdown{ width: 0px; /* 宽高设置为0,很重要,否则达不到效果 */...原创 2020-07-22 14:28:34 · 632 阅读 · 0 评论 -
vue知识总结
vue脚手架学习总结,vue参数、基础指令、生命周期函数、组件、插槽(持续更新)在html中vue如何使用在script的src属性中引入vue.js文件点击下载vue.js 创建一个id为app的div容器 在script标签里,添加以下内容 vue参数 el指定模板 data数据存储 methods方法中心 computed计算属性,从现有数据计算出新的数据并返回 watch监听,用于监听一个数据的变化,并执行回调函数 filters过滤...转载 2020-07-09 16:31:36 · 223 阅读 · 0 评论 -
Html5----浮动
float:leftrightnone清除浮动的方法总结清除浮动的原因:浮动的元素不占位置,在标准流中宽高为0,不能撑开父盒子,由于这种原因,则会导致下方的标准流盒子上移,会被上方未清除浮动的盒子覆盖,影响页面的布局清除浮动的几种方法:方法一:给浮动的盒子的父盒子添加一个高度,因为浮动盒子不能撑开父盒子,那么我们给父盒子加上高度就从根本上解决了这一个问题,缺点:图片浮动,给定图片盒子一个宽度,导致其高度是等比例缩放的,这一个高度值有很大的几率是很难计算出来的,这种情况就不能使用手动给定高度原创 2021-07-27 22:00:59 · 349 阅读 · 0 评论 -
字体css样式属性值
1、字体大小font-size :浏览器默认的字体大小16px em 相对于自己的font-size值,如果自己没有font-size,相对于父元素的font-size值 1em=16px2、字体颜色color:单词颜色16进制颜色0-9a-ffffrgb和rgba(透明度取值0-1,0是完全透明)3、字体样式font-family:4、字体加粗font-weight:bold 加粗bolder 更粗normal 取消加粗100-900400-5原创 2021-07-27 21:58:47 · 614 阅读 · 0 评论