前端
文章平均质量分 66
web 前端 html css js
fish_study_csdn
PHP go JAVA python 开发
展开
-
css3-弹性盒简介
1. 浮动的简介通过浮动可以使一个元素向其父元素的左侧或右侧移动使用float属性来设置于元素的浮动none 默认值,元素不浮动left 元素向左浮动right 元素向右浮动注意:元素设置浮动以后,水平布局的等式便不需要强制成立元素设置浮动以后,会完全从文档流中脱离,不再占用文档流的位置,所以元素下边的还在文档流中的元素会自动向上移动2. 浮动的特点浮动元素会完全脱离文档流,不再占据文档流中的位置设置浮动以后,元素会向父元素的左侧或右侧移动浮动元素默认不会从父元原创 2021-11-27 20:24:20 · 371 阅读 · 0 评论 -
CSS3 变形:平移、旋转与缩放
目录变形:平移、旋转与缩放1、平移2、Z轴平移3、旋转4、缩放5、实战变形:平移、旋转与缩放变形就是指通过css来改变元素的形状或位置变形不会影响到页面的布局transform用来设置元素的变形效果1、平移translateX()沿着由方向平移 translateY()沿着y轴方向平移 translateZ()沿着z轴方向平移平移元素百分比是相对于自身计算的几种水平垂直双方向居中的方式对比 绝对定位的方式 /* 这种居中...原创 2021-11-25 17:10:24 · 1402 阅读 · 0 评论 -
css3 过渡与动画
1、过渡通过过渡可以指定一个属性发生变化时的切换方式通过过渡可以创建一些非常好的效果,提升用户的体验属性值transition-property:指定要执行过渡的属性多个属性间使用,隔开;如果所有属性都需要过渡,则使用all关键字;大部分属性都支持过渡效果;注意过渡时必须是从一个有效数值向另外一个有效数值进行过渡;transition-duration:指定过渡效果的持续时间时间单位:s和ms(1s=1000ms)transition-delay:过渡效果的延迟,等待一.原创 2021-11-24 10:20:07 · 278 阅读 · 0 评论 -
css- 雪碧图与渐变
1. 雪碧图解决图片闪烁的问题:可以将多个小图片统一保存到一个大图片中,然后通过调整background-position来显示响应的图片这样图片会同时加载到网页中就可以有效的避免出现闪烁的问题这个技术在网页中应用十分广泛,被称为CSS-Sprite,这种图我们称为雪碧图雪碧图的使用步骤:先确定要使用的图标测量图标的大小根据测量结果创建一个元素将雪碧图设置为元素的背景图片设置一个偏移量以显示正确的图片雪碧图的特点:一次性将多个图片加载进页面,降低请求的次数,加快访问.原创 2021-11-23 15:27:17 · 861 阅读 · 0 评论 -
css -背景图片
. PS的基本设置工欲善其事,必先利其器在介绍背景之前,首先需要做好准备工作:安装PS与基本设置这里就不详细介绍PS的安装了,因为网上一抓一大把,主要介绍PS的基本设置后面会写几篇专门的PS的文章2. 背景background-color 设置背景颜色background-image 设置背景图片如果背景图片大小小于元素,则背景图片会自动在元素中平铺将元素铺满如果背景图片大小大于元素,则背景图片一部分会无法完全显示如果背景图片大小等于元素,则背景图片会直接正常显示back原创 2021-11-22 16:33:41 · 291 阅读 · 0 评论 -
CSS3-字体
1. 字体相关的样式我们前面讲过字体的两个属性color用来设置字体颜色font-size字体的大小em 相当于当前元素的一个font-sizerem 相对于根元素的一个font-size当然,字体的属性并不止这些2. font-familyfont-family 字体族(字体的格式)serif 衬线字体sans-serif非衬线字体monospace等宽字体cursive手写体上述字体均不表示具体的某种字体,而是字体的分类我们经常使用的一些字...原创 2021-11-21 08:44:15 · 813 阅读 · 0 评论 -
css 浮动的特点和浮动引起高度塌陷及浮动的清除
1. 浮动的简介通过浮动可以使一个元素向其父元素的左侧或右侧移动使用float属性来设置于元素的浮动none 默认值,元素不浮动left 元素向左浮动right 元素向右浮动注意:元素设置浮动以后,水平布局的等式便不需要强制成立元素设置浮动以后,会完全从文档流中脱离,不再占用文档流的位置,所以元素下边的还在文档流中的元素会自动向上移动2. 浮动的特点浮动元素会完全脱离文档流,不再占据文档流中的位置设置浮动以后,元素会向父元素的左侧或右侧移动浮动元素默认不会从父元原创 2021-11-20 11:11:08 · 431 阅读 · 0 评论 -
css 定位的介绍
定位(position)定位是一种更加高级的布局手段通过定位可以将元素摆放到页面的任意位置使用position属性来设置定位可选值 含义static 不开启定位,元素是静止的,默认值relative 开启元素的绝对定位absolute 开启元素的绝对定位fixed 开启元素的固定定位sticky 开启元素的粘滞定位1. 相对定位当元素的position属性值设置为relative时,则开启了元素的相对定位偏移量(offset)...原创 2021-11-18 17:52:02 · 564 阅读 · 0 评论 -
css -盒模型
盒模型1. 文档流(normalflow)网页是一个多层的结构,一层摁着一层通过CSS可以分别为每一层来设置样式,作为用户来讲只能看到最顶上一层这些层中,最底下的一层称为文档流文档流是网页的基础我们所创建的元素默认都是在文档流中进行排列对于我们来元素主要有两个状态在文档流中不在文档流中(脱离文档流)那么元素在文档流中有什么特点,我们接着往下看2. 块元素块元素会在页面中独占一行 默认宽度是父元素的全部(会把父元素撑满) 默认高度是被内容撑开(子元素)3.原创 2021-11-17 19:51:45 · 454 阅读 · 0 评论 -
css 复合选择器
交集选择器作用:选中同时复合多个条件的元素 语法:选择器1选择器2选择器3选择器n{} 注意点:交集选择器中如果有元素选择器,必须使用元素选择器开头div.red{ font-size: 30px;}.a.b.c{ color: blue;}并集选择器(选择器分组)作用:同时选择多个选择器对应的元素 语法:选择器1,选择器2,选择器3,选择器n{} 例子:#b1,.p1,h1,span,div.red{}div.red{ font原创 2021-11-14 20:13:32 · 404 阅读 · 0 评论 -
CSS选择器 总结
1 CSS选择器通配选择器(Universal selector)作用:选中页面中的所有元素 语法:* 例子:*{}*{ color: red;}2 元素选择器(Type selector)也叫类型选择器、标签选择器作用:根据标签名来选中指定的元素 语法:elementname{} 例子:p{}h1{}div{}p{ color: red; }h1{ color: green;}类选择器(Class selector)作用..原创 2021-11-14 19:38:45 · 276 阅读 · 0 评论 -
html5 基础知识总结
【Web前端HTML5&CSS3】01-前端简介_VectorX's Blog-CSDN博客htm 笔记原创 2021-11-13 15:26:15 · 1924 阅读 · 0 评论 -
Bootstrap 导航元素( tab导航)标签页
1、基本的导航元素:标签导航。基于ul、li而来,给ul添加class="nav nav-tabs" 即可。选中的li添加class="active"即可。<p>标签式的导航菜单</p><ul class="nav nav-tabs"> <li class="active"><a href="#">Home</a></li> <li><a href="#">SVN</a>..原创 2021-09-25 18:53:44 · 7137 阅读 · 0 评论 -
响应式布局概念及bootstrap栅格系统简单的简单实现
响应式布局概念:对不同屏幕尺寸做出响应,并进行相应布局原理:使用媒体查询设置不同的断点,进行不同css布局响应优点:一个网站可以兼容多种终端,不需要重复开发缺点:工作量大、代码累赘、加载时间长、效率低、冗余代码较多适用场景:结构比较简单,展示型网站不适用场景:交互较多,功能性的网站不适用常用断点设置:xs(超小屏): < 576pxsm(小屏幕): 576px(含) - 768pxmd(中屏幕): 768px(含) - 992pxlg(大屏幕): 992px(含) - 1200原创 2021-09-17 20:33:56 · 1082 阅读 · 0 评论 -
微信公众号申请开通微信支付
公众号申请好并且认证完成之后,开始申请微信支付,注意申请支付要有营业执照和对公账户,个人公众号暂时还不支持认证,所以不能申请支付。 如下图:点击左侧的微信支付。 点击微信支付后,右侧内容区域选择申请开通微信支付,如下图: 填写相关信息,联系人信息,然后用绑定联系人本人身份证银行卡的微信扫描给出的二维码进行验证。 填写商户简称,经营类目,以及经营范围并且上传相关资料进行验证,提交完成之后点击下一步。 然后填写商户信息以及结算账户,...原创 2021-01-08 14:27:42 · 1245 阅读 · 0 评论 -
企业微信认证申请流程
第一步:登录微信公众平台->设置->微信认证->开通 第二步:同意协议:签署《微信公众平台认证服务协议》 第三步:验证管理员 第四步:选择认证类型及填写认证资料、选择认证类型及公函上传 企业资质信息 对公银行账户信息 联系人信息填写 确认名称。公众号名称可以选择2种命名方式:基于商标命名、基于自选词汇 选择发票 支付费用 认证审核。 我..原创 2021-01-08 14:23:46 · 3495 阅读 · 0 评论 -
个人创建微信公众号步骤
1、打开微信公众平台官网:https://mp.weixin.qq.com/ 右上角点击“立即注册”;选择帐号类型;2、填写邮箱,登录您的邮箱,查看激活邮件,填写邮箱验证码激活;3、 了解订阅号、服务号和企业微信的区别后,选择想要的帐号类型;下图为订阅号、服务号和企业微信的在手机端展示效果;4、信息登记,选择个人类型之后,填写身份证信息;5、填写帐号信息,包括公众号名称、功能介绍,选择运营地区;恭喜注册成功!可以开始使用公众号了~...原创 2021-01-08 14:21:03 · 31409 阅读 · 0 评论 -
VSCode设置中文语言显示
Vscode是一款开源的跨平台编辑器。默认情况下,vscode使用的语言为英文(us),如何将其显示语言修改成中文了?1)打开vscode工具;2)使用快捷键组合【Ctrl+Shift+p】,在搜索框中输入“configure display language”,点击确定后;3)修改locale.json文件下的属性“locale”为“zh-CN”;4)重启vscode工具;如果重启后vscode菜单等仍然是英文显示,在商店查看已安装的插件,把中文插件重新安装一遍(如下图),然后在重启.原创 2021-01-05 14:30:20 · 295 阅读 · 0 评论 -
native APP,hybrid APP,web APP, 小程序的区别
随着智能手机的普及,移动端应用几乎成为每个互联网产品的标配。在快速迭代的互联网战场中高效开发、低成本上线产品,是每个应用开发团队追求的目标。此时,选择合适的应用类型和开发模式便至关重要。移动应用可以粗分为三种:原生应用(native app), 网页应用(web app,或HTML5 app),以及它们的混血儿——混合模式移动应用(hybrid app)。今天就来和大家简单聊聊近年来蓬勃发展的hybrid app。一、什么是Hybrid Mobile AppHybrid app从外观上来看是原创 2020-12-10 09:27:45 · 2063 阅读 · 1 评论 -
vue.js 学习
实例化 Vue 对象 通过构造函数 Vue()创建一个 Vue 的根实例,每一个 new Vue()都是一个 Vue 构造函数实例var vm = new Vue({ //(选项)这里编写我的代码。}) Vue 构造器要求实例化时需传入选项对象选项对象包括:挂载元素(el) 数据(data) 方法(methods) 模板(tamplate)生命周期钩子函数等选项created是vue生命周期开始,初始化数据之后,创建完毕执行的函数mounted是el被新创建的ap原创 2020-09-18 15:07:24 · 151 阅读 · 0 评论 -
跨域问题 --jsonp
1 跨域问题的原因;由于浏览器同源策略的限制,非同源下的请求,都会产生跨域问题,jsonp即是为了解决这个问题出现的一种简便解决方案。同源策略即:同一协议,同一域名,同一端口号。当其中一个不满足时,我们的请求即会发生跨域问题。举个简单的例子:http://www.abc.com:3000到https://www.abc.com:3000的请求会出现跨域(域名、端口相同但协议不同) http://www.abc.com:3000到http://www.abc.com:3001的请求会出现原创 2020-08-19 09:14:14 · 202 阅读 · 0 评论