冯金伟博客园

  • 首页
  • 业界
  • 前端
  • 运维
  • 建站
  • 软件
  • 生活
  • 后端
  • 创投
  • 运营
  • 影视
  • 游戏
  • 资源
前端
前端

Chrome和Edge查看网页原代码时不自动换行解决方法

在chrome和edge浏览器打开网页查看源代码时,发现代码没有自动换行,必须通过下方的滚动条来查看超出屏幕的代码,很不方便,解决方法如下: 勾选查看源代码页面的左上角的换行选项即可

2021年2月9日 0条评论 1人点赞 风君子 阅读全文
前端

css中适合各个平台的字体font-family 设置 兼容不同设备系统

首先我们网页上要想统一字体其实有两种方法,一种是选择大家操作系统上都有的默认字体,第二种就是强行在网页总载入字体文件来实现,但是非常非常不推荐这样的方式,这样对页面的加载造成了负担,并且没有必要刻意的用特殊字体。 根据不同的操作系统推荐对应使用以下的字体:(系统:英文常用字体;中文常用字体) Windows:Tahoma 和 Arial;微软雅黑(Microsoft yahei); Mac OS 和 IOS:Helvetica;华文细黑(STXihei)、冬青黑体(Hiragino Sans GB)和苹方(Ping…

2021年1月5日 0条评论 0人点赞 风君子 阅读全文
前端

图片与图片上下之间有空隙的解决方法

首先排除代码之间的换行符<br>,出现这个问题是因为图片为内联元素,有文字特性,默认存在间隙,所以会出现空白部分。 可以将图片设置为block元素。 img{ display:block; } 还有种方法就是给父级设置fontsize:0,logo先不设置block

2020年12月24日 0条评论 0人点赞 风君子 阅读全文
前端

护眼色的RGB值和颜色代码汇总

网上流行护眼色的RGB值和颜色代码 在搜索引擎搜“护眼色”,就会搜出一堆关于保护眼睛的屏幕颜色文章,说的统统是一种颜色,有点像绿豆沙的颜色。方法就是在屏幕设置里, 色调:85;饱和度:123;亮度:205, R: 199; G: 237; B:204; 颜色代码是: #C7EDCC 1.电脑管家的护眼色  方法:(可以通过QQ截图查看当前的颜色值) R: 204 G: 232 B: 207 2.WPS的护眼色  R: 110 G: 123 B: 108

2020年11月12日 0条评论 0人点赞 风君子 阅读全文
前端

absolute居中的三种实现方式

方式一:传统方式,父容器relateive,子元素absolute,然后left:50%,再margin-left:-width/2 <div class="ago"> <div class="mid"></div> </div> .ago{ width:400px; height:200px; background:#ccc; position:relative; } .mid{ width:50px; height:50px; background:red; po…

2020年11月12日 0条评论 0人点赞 风君子 阅读全文
前端

jquery cdn推荐 国内Jquery CDN

新浪CDN: <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> 其它版本:http://lib.sinaapp.com/?path=/jquery 百度CDN: <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script> 其它版本:http://cdn.cod…

2020年11月12日 0条评论 0人点赞 风君子 阅读全文
前端

禁止鼠标右键代码 禁止按键F5和禁止鼠标右键菜单 js代码

禁止鼠标右键,把Demo的图片全都设为表格的背景,表格的大小与图片的大小一样。这样做看起来是一样的,主要是防止鼠标经过图片时会出现另存的按钮。禁止鼠标右键的代码很简单: <script LANGUAGE="JavaScript"> function click() { if (event.button==2) {alert(您无法使用右键下载图片:)); } } document.onmousedown=click </script> <script language="javascr…

2020年11月12日 0条评论 0人点赞 风君子 阅读全文
前端

ExtJs之Ext.apply

<!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <link rel="stylesheet" type="text/css" href="ExtJs/packages/ext-theme-crisp/build/resources/ext-theme…

2020年11月12日 0条评论 0人点赞 风君子 阅读全文
前端

HTML基础知识——css样式表,样式属性,格式与布局详解

一、position:fixed 锁定位置(相对于浏览器的位置),例如有些网站的右下角的弹出窗口。 示例: 二、position:absolute     绝对位置: 1.外层没有position:absolute(或relative);那么div相对于浏览器定位,如下图中b(距离浏览器右边框为50像素,距离下边框为20像素)。 2.外层有position:absolute(或relative);那么div相对于外层边框定位,如下图中bb(距离d的右边框50像素,距离d的下边框为20像素)。 示例: 三、posit…

2020年6月23日 0条评论 0人点赞 风君子 阅读全文
前端

swiper插件点击事件 a链接失效无法点击问题解决方法

在使用swiper过程中,发现a链接失效,经过查找分析发现是由于没有设置一个参数preventClicks,该参数默认的值是ture, 如果需要加入a链接需要设置preventClicks的值为false preventClicks:false <script type="text/javascript"> var swiper = new Swiper('.downbannner .swiper-container', { pagination: '.swiper-pagination', pagin…

2020年6月19日 0条评论 0人点赞 风君子 阅读全文
前端

CSS实现按超级链接类型显示图标

效果如图: 参考代码如下 p { margin: 4px; } a[href^="http:"] { background: url(images/window.gif) no-repeat left center; padding-left: 18px; } /*匹配所有的有效超链接*/ a[href$="pdf"] { background: url(images/icon_pdf.gif) no-repeat left center; padding-left: 18px; } /*匹配所有的pdf文件*/ …

2020年6月18日 0条评论 0人点赞 风君子 阅读全文
前端

JS基础测试: typeof delete window.name 的返回结果是什么?​

考核内容: js 删除对象属性的应用 解题思路: 删除对象属性 我们可以使用 delete 关键字来删除 JSON 对象的属性: delete 操作符用于删除对象的某个属性;如果没有指向这个属性的引用,那它最终会被释放。 返回值 对于所有情况都是true,除非属性是一个自己不可配置的属性,在这种情况下,非严格模式返回 false。 所以返回的是 布尔型数据

2020年4月27日 0条评论 0人点赞 风君子 阅读全文
前端

Bootstrap4模板中出现的shrink-to-fit=no是什么意思

bootstrap4示例模板中出现这样的代码 <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> 这行代码的作用可以让网页的宽度自动适应手机屏幕的宽度,但是多了shrink-to-fit=no, 这是什么鬼?查找文档得知,主要是为了兼容iOS9 Viewport meta tags using "width=device-width" cause the page to scale …

2020年3月18日 0条评论 0人点赞 风君子 阅读全文
前端

提高CSS 开发效率的常用代码片段

这篇文章会记录我们平时常用到的 CSS 片段,使用这些 CSS 可以帮助我们解决许多实际项目问题中遇到的,欢迎收藏转载: 清除浮动 浮动给我们的代码带来的麻烦,想必不需要多说,我们会用很多方式来避免这种麻烦,其中我觉得最方便也是兼容性最好的一种是,在同级目录下再创建一个<div style="clear:both;"></div>;不过这样会增加很多无用的代码。此时我们用:after这个伪元素来解决浮动的问题,如果当前层级有浮动元素,那么在其父级添加上 clearfix 类即可。 // 清除…

2020年3月17日 0条评论 1人点赞 风君子 阅读全文
前端

纯CSS3实现各种loading效果

动画效果参考连接:http://www.webhek.com/post/css-loaders.html 效果如下: 以上这些效果都是用一个div加css3动画实现的,看起来效果似乎不错。如果不考虑IE9兼容性的话,有一定的使用价值。 css3,canvas等实现的各种炫酷动画可参考网站:https://www.html5tricks.com/tag/loading动画/ 1.第一个动画的实现 我们来看一看第一个三条杠加载动画的实现代码 <style> body{ background: #56b4ab…

2020年3月17日 0条评论 0人点赞 风君子 阅读全文
前端

css实现标题左右横线

直接上代码 <style type="text/css"> .title { position: relative; font-size: 32px; color: #fff; height: 45px; line-height: 45px; text-align: center; top: 60px; } .title:before { content: ""; position: absolute; width: 28px; height: 2px; top: 50%; background-col…

2020年3月17日 0条评论 0人点赞 风君子 阅读全文
前端

纯css实现小三角

原理就是:宽高为零,单独设置border的宽度,然后上右下左,根据需要选择三角形的方向,比如选向上箭头,其他右、下、左设置为透明; /**向下的三角**/ .sanjiao_down{ width:0; height:0; overflow:hidden; font-size: 0; /*是因为, 虽然宽高度为0, 但在IE6下会具有默认的 */ line-height: 0; /* 字体大小和行高, 导致盒子呈现被撑开的长矩形 */ border-width:10px; border-style:solid; /…

2020年3月17日 0条评论 0人点赞 风君子 阅读全文
前端

CSS 伪元素:before&:after 与z-index 的那点事

最近要实现一个类似下面的层叠的效果,需要带一个hover 缓动效果。 第一反应就是直接使用:before&:after伪元素,配合绝对定位加z-index 轻松实现,实际操作发现并不是这么一回事。 代码如下 .box{ width:100px; height:100px; position:relative; z-index:2; box-shadow:0 3px 5px #eee; background-color:#fff; } .box:before{ content:""; position:abs…

2020年3月17日 0条评论 0人点赞 风君子 阅读全文
前端

jQuery版本选择建议 jQuery不同版本的差异汇总

jQuery 自 2006 年诞生以来,一个发行了 1.x、2.x、3.x 这三个大版本。而在这三个大版本下又细分了许多小版本。可能有些小伙伴不太清楚这些版本有什么区别?实际开发中应该选用哪个版本?下面我对其做个总结。 一、1.x、2.x、3.x 三大系列的区别 1,IE 的支持情况比较 (1)情况分析 1.x:支持 ie6、ie7、ie8,使用最为广泛的,官方只做BUG维护,功能不再新增。因此一般项目来说,使用1.x版本就可以了,最终版本:1.12.4 (2016年5月20日) 2.x:不兼容ie678,很少有人…

2020年3月9日 0条评论 0人点赞 风君子 阅读全文
前端

iframe设置height无效解决方法

iframe设置height为100%无效,实际是因为父空间高度没有设置的问题。 代码如下 <body>     <iframe id="content" src="main.do" name="content" frameborder="0" scrolling="no" height="100%" width="100%"></iframe> </body> 追加css,设置html跟body高度为100%,即可全屏显示iframe html,body {    …

2020年2月19日 1条评论 0人点赞 风君子 阅读全文
前端

CSS实现同一行的图片和文字垂直居中对齐的方法

有些朋友会发现,如果一行内容中有图片有文字的话,文字往往会自动的底部对齐,影响美观,那如何让它们相对于垂直居中呢,很简单,就是在图片和文字所在的行中添加CSS属性:vertical-align:middle;这样,它们在同一行就会垂直居中对齐了。 <!DOCTYPE html> <html> <head> <title>让同一行内的图片和文字垂直居中对齐</title> <meta http-equiv="Content-Type" content=…

2020年1月16日 0条评论 0人点赞 风君子 阅读全文
前端

HTML5 图片下边界出现空隙,css去除空隙的解决方法

图片img下方出现空隙,且找不到空隙被哪一个元素占用,无缘无故多了空隙,影响样式设计,有以下几种解决方法: 1,给<img>元素添加样式:display:block; <img style="display: block" src="../img/banner_index.png"/> 2,给<img>元素添加样式:vertical-align:bottom,vertical-align:middle,vertical-align:top三个其中一个 <img style=…

2020年1月15日 0条评论 0人点赞 风君子 阅读全文
前端

移动前端不得不了解的HTML5 head 头标签

HTML的头部内容特别多,有针对SEO的头部信息,也有针对移动设备的头部信息。而且各个浏览器内核以及各个国内浏览器厂商都有些自己的标签元素,有很多差异性。移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,HTML 头部标签功能,特别是meta,link等标签的功能属性显得非常重要。这里整理了一份 <head> 部分的清单,让大家了解每个标签及相应属性的意义,写出满足自己需求的 <head> 头部标签,可以很有效的增强页面的可用性。 <!doctype html> …

2020年1月14日 0条评论 0人点赞 风君子 阅读全文
前端

实用的60个CSS代码片段

1、垂直对齐 如果你用CSS,则你会有困惑:我该怎么垂直对齐容器中的元素?现在,利用CSS3的Transform,可以很优雅的解决这个困惑: .verticalcenter{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } 使用这个技巧,从单行文本、段落到box,都会垂直对齐。目前浏览器对Transform…

2020年1月11日 0条评论 0人点赞 风君子 阅读全文
前端

国内知名的前端博客

最近几年,随着网络普及和发展,网站作为一种很强大的工具和平台越来越融入了人们的生活,而与用户关系最密切的前端技术也逐渐得到应有的重视。尽管国内前端界的理论和技术与国外相比,在某些方面还有些差距,但是总体水平已经不比国外逊色,在国际上我们也看到了越来越多的中国前端开发工程师的面孔及他们的作品。 前端观察作为专注于前端技术的专业网站,一直非常关注国内前端设计的现状和发展。我们在介绍国外先进技术的同时,更希望能够挖掘国内的优秀技术,在后面的一段时间,我们将会更加关注国内的优秀的前端技术。 在本期的前端观察中,我们将介绍一…

2020年1月10日 4条评论 0人点赞 风君子 阅读全文
12345…7
最新 热点 随机
最新 热点 随机
为了这波分区电脑桌面壁纸电脑如何分区壁纸 永恒的芭蕾 —— 星球转动之谜 PR视频剪辑用什么配置的电脑好pr视频剪辑需要什么配置的电脑 电脑常见故障及处理方法电脑是如何处理的 电源适配器烧坏了电源适配器烧坏了是什么原因 电源指示灯不亮美的电热水器电源指示灯不亮 如何批量将文件名中的字母改成大写如何批量将文件名中的字母改成大写英文 史上最详细的台式电脑装机攻略史上最详细的台式电脑装机攻略视频 手把手教你安装台式电脑台式电脑如何装系统 中兴大事件 更适合家用的NAS 最适合家用 Java中的内部类(回调) 买个轻NAS当下载机-绿联私有云DH2100储存开箱 《星际穿越》科学解析 鸿蒙系统+MESH技术,华为路由H6是否值得入手?
股票加入高送转板块意味着什么?情感分析---传统情感分类方法无愧于心什么意思 无愧于心的意思带你入门渗透测试的5个项目岩石星新品展示,预计为适配尼康 Z 卡口的 85mm F1.8 全画幅自动镜头改马甲是什么意思 改马甲的意思工行怎么关闭网银?量多音字组词 量多音字组词有哪些最挣钱没人干的行业(最赚钱的冷门生意)动线是什么意思 动线具体是什么意思怎么启用电脑蓝屏修复(电脑启动蓝屏怎么修复)AI再显神通!将大脑信号转为语音 准确率最高达100%电脑日期倒计时软件(电脑桌面日期倒计时软件)微信小店购物车设置(微店怎么添加购物车)介导是什么意思 介导的解释
史上最大马力凯迪拉克!凯雷德-V正式发布:6.2升V8动力装车 组合贷款能提前还商贷吗 支付宝闲钱多赚怎么取出 科学家发现超市所售西红柿味道寡淡的原因 银行卡被冻结原因 为什么银行卡会被冻结 支付宝扫脸怎么取消 上海联通回应“区域通信中断”:光缆被挖断,正紧急全力抢修中 曝Intel 12代酷睿处理器11月4日上市开卖:测试性能比Zen3快27% 吉利副总裁“跳槽”加盟宝能:北汽高管也去了 女子买迷你宠物猪变500斤肥猪!每天吃掉10斤的水果和蔬菜 玖富万卡放款中失败了 优客工场关联公司入股一家孵化器运营公司 持股40% 小米阅读器安装app 剑网3英雄冰火岛副本打法指南 英雄冰火岛全BOSS文字攻略 生化危机6:里昂篇-第一章 图文攻略
标签聚合
投资者 投资理财 电动车 IT资讯 支付宝 身份证 游戏 处理器 办公软件教程 美国 腾讯 程序 股价 秘籍 iphone 小米 信用 比亚迪 业界 路由器 利息 理财知识 芯片 来了 利率 微软 手机 显卡 荣耀 股票 电脑 信用卡 三星 苹果 APP 贷款 智能手机 银行 银行卡 快科技 华为 马斯克 特斯拉 科技 借款人 教程 中国 额度 汽车 京东
华为云 腾讯云 阿里云 西部数码
标签聚合
注意事项 植物 养花 新买 叶子发黄 防治 怎么办 多久 发黄 图片 栀子花 病虫 品种 时间 方法 原因 水培 盆景 区别 盆栽 什么时候 开花 治方 办法 阳台 绿萝 室内 虫害 农资 处理 吊兰 兰花 回事 肥料 作用 家里 家庭 常见 花语 作文 冬天 叶子 老舍 君子兰 有哪些 做法 怎么 什么 功效 适合

COPYRIGHT © 2023 冯金伟博客园. ALL RIGHTS RESERVED.

粤ICP备2022149896号