精华内容
下载资源
问答
  • VSCode设置网页代码实时预览

    万次阅读 多人点赞 2018-10-14 21:39:32
    目录 一、设置描述 二、操作步骤 一、设置描述 1.VSCode作为一款很不错的开发软件,相比DW更小巧,用来...其实我们可以VSCode中配置一个网页服务器,修改完代码之后只需要保存代码浏览器就可以实时预览 二、...

    目录

    一、设置描述

    二、操作步骤


    一、设置描述

        1.VSCode作为一款很不错的开发软件,相比DW更小巧,用来测试前端特别不错,那么我们平时开发网页发现只有写完代码,然后保存,接下来到浏览器中刷新查看效果,然后不停重复,我们发现很多时间就这样浪费到了这三个步骤上。

        2.其实我们可以在VSCode中配置一个网页服务器,修改完代码之后只需要保存代码浏览器就可以实时预览

    二、操作步骤

        1.打开VScode,点击坐标工具栏的最后一个进入插件安装

        2.如果没有显示左边的工具栏,也可以在View中找到Extensions进入插件安装

        3.在搜索框中输入Live Server,在搜索结果中找到如下,选择安装

        4.安装完成需要重启软件插件才能生效

        5.重启过之后,新建一个工作区(也可以直接拖一个文件夹到vscode中),在这里创建一个HTML文件做测试,注意单独新建一个HTML文件拖动到IDE中是使用不了Live Server的,需要把这个HTML文件放到创建的工作区(文件夹)中,新建完成后我们可以在状态栏上看到一个Go Live,单击会自动打开浏览器并显示

       提示:如果之前也有HTML项目,直接把项目根文件夹拖动到VScode中就会自动添加到工作区

        6.如果没有状态栏上,也可以在文件上单击右键,选择Open With Live Server这一项

        7.接下来修改代码我们只需要ctrl+S保存修改后的代码,浏览器自动刷新,动图显示

       8.遇到问题解决不了别忘了留言~~

    展开全文
  • chrome设置浏览器网页编码

    万次阅读 2018-05-29 18:08:24
    以前使用chrome的时候,有时会遇到网页中有乱码了,可以通过右击快捷键中使用设置网页编码的...原来设置网页编码的功能使用率很低(可能只有程序员使用吧),chrome官方升级某个chrome版本的时候就这个...

    以前在使用chrome的时候,有时会遇到网页中有乱码了,可以通过右击在快捷键中使用设置网页编码的快捷键来重新设置编码以达到可以正常浏览网页的目的(如果不是在这个地方就原谅我吧,我忘记在哪里了)。但是最近又遇到了同样的情况,页面中出现乱码,我想修改一下网页的编码格式,找了半天没有找到。

    原来设置网页编码的功能使用率很低(可能只有程序员在使用吧),chrome官方在升级某个chrome版本的时候就把这个功能去掉了,对有需要的人可以通过安装扩展Charset来实现。

    安装方法,直接去谷歌商店吧。这个需要翻墙好像,打不开谷歌商店的就架个梯子吧,或者找个离线的尝试下。

    展开全文
  • 网页背景设置的方法总结

    千次阅读 2016-05-14 18:53:49
    网页背景设置的方法总结本文会列出网页背景设置的三种方法,目前学习初期看来,基本覆盖了所有需求,并且提供一些优秀的资源网站,方便图片的查找。根据需求不同,我将网页背景设置分为三种: 1. 直接单纯设置...

    网页背景设置的方法总结


    本文会列出网页背景设置的三种方法,在目前学习初期看来,基本覆盖了所有需求,并且提供一些优秀的资源网站,方便图片的查找。


    根据需求不同,我将网页背景设置分为三种:
    1. 直接单纯设置背景色,以颜色为背景;
    2. 采用小图片、纹理进行重复排列;
    3. 采用大图,图片设置为整个网页背景。


    一、简单的背景颜色设置

    CSS代码:
    body {
    background-color: #000000;
    }

    这部分就不过多介绍了,都很容易。给两个查找颜色的网站,只要和颜色有关系,基本这两个网站都能满足:
    - RGB颜色查询对照表:http://www.114la.com/other/rgb.htm
    - 知道代码可以查颜色:http://www.colorhexa.com/

    二、重复排列的背景

    这里写图片描述
    比如,这是一个小的黑色机器人图片模块儿,经过背景设置后可以实现全屏幕重复,效果也不错。这里写图片描述

    这里CSS代码也很简单:
    body
    {
    background-image: url(robots.png);
    background-repeat: repeat;
    }

    url后面写上自己图片的地址即可。也可以只是单方向重复,可以
    background-repeat: repeat -y;
    background-repeat: repeat -x;
    这种背景的好处是图片小,加载速度快,同时有一定的美观性。
    提供一些不错的小纹理的网站,一些漂亮的小图片重复排布也是很漂亮的:
    - http://backgroundlabs.com/
    - http://bgrepeat.com/
    - http://supernovathemes.com/55-small-lite-background-images-for-website-you-can-repeat/

    图片全屏背景设置

    这是大家最常用,最个性化的设置背景方式
    首先列出背景图片的资源:
    - http://wallpaperswide.com/
    - http://cn.freeimages.com/
    - https://unsplash.com/

     
    CSS代码:
    div#div1{
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    right:0;
    z-index:-1;
    }
    div#div1 > img {
    height:100%;
    width:100%;
    border:0;
    }

    HTML代码:

    <div id="div1"><img src="./test.jpg" /></div>

    这是一段非常简洁的全屏幕背景设置代码,大家可以试一下,在改变浏览器界面大小的情况下,图片大小也会自适应,非常好用。而网上同时还有很多方法,但是感觉都有瑕疵,比如这个JQUERY插件的方法:http://bavotasan.com/2011/full-sizebackground-image-jquery-plugin/
    大家可以改变浏览器大小的情况看看,发现背景失真,浏览器变小的情况下,背景图片智能部分被显示。
    http://www.shejidaren.com/full-background-web-designs.html
    https://css-tricks.com/perfect-full-page-background-image/
    这两个网址里也介绍了几种方法,大家可以尝试,我都进行可测试,最终选择了我文中的代码,比较简介,符合自适应的需求。
    同时再附上几个全屏背景下优秀网站的例子:
    http://colossalmedia.com/
    搁置了好几天才记录背景设置的学习过程,很多好的资源都忘记了,以后记起来的话会慢慢补上的。

    展开全文
  • CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇 ...通常对网页设置背景直接对body设置背景演示即可实现。接下来给大家介绍各种情况下背景处理布局技巧。 无论怎么设置背景都需要用到background...

    http://www.divcss5.com/jiqiao/j768.shtml

     

    CSS设置网页背景图片 CSS设置网页背景颜色技术教程篇

    本篇DIVCSS5以布局思想介绍使用CSS设置实现网页背景技巧为主,希望对DIV CSS爱好者有帮助。通常对网页设置背景直接对body设置背景演示即可实现。接下来给大家介绍各种情况下背景处理布局技巧。

    无论怎么设置背景都需要用到background样式,如果对background比较陌生可以进入http://www.divcss5.com/rumen/r125.shtml了解学习。

    一、网页单色背景   -   TOP

    如果纯颜色的网页背景,只需要对body设置background背景颜色即可

    1. body{background:#FFF} 

    设置网页背景为白色

    二、规律背景图片   -   TOP

    1、从上到下渐变横向相同背景

    渐变从上到下宽度全屏背景效果截图
    渐变从上到下宽度全屏背景效果截图

    这种网页背景只需要切出1像素宽,高度合适的图片作为背景素材,如下图:

    切出这样一个竖条图片素材作为背景素材
    切出这样一个竖条图片素材作为背景素材

    1. body{background:#FFF url(bg.gif) repeat-x 0} 

    这样设置这个图片为背景图片靠网页顶部水平平铺,背景为白色,这里注意根据你的图片路径设置好引入图片路径。

    2、水平平铺类背景图片
    比如2014版DIVCSS5网页,原理和渐变平铺相同,也是切出一竖条后作为Body背景水平平铺实现,这样就全屏网页背景铺满。

    切出这样一个竖条效果截图
    css切出这样一个竖条效果截图

    代码和第1种相同,只是图片不同而已。对body设置背景图片水平平铺。

    三、不规律大图背景   -   TOP

    常常看到一些专题或形象网页,背景是一种非常大图片作为背景,而通常情况下宽屏和窄屏显示器都能显示铺满的全屏背景图片,就像图片能自适应宽度大小一样的。其实这种实现一样非常简单,将这张图片宽度美工设计足够大,比如市场上最宽显示屏分辨率宽度为2560像素,那么要让这样的宽屏显示器浏览此网页也能铺满全屏,那么你的这张背景图片就必须做成宽度大于或等于2560px宽度的,这样以来宽屏、窄屏显示器打开此网页都能铺满全屏,最小化、最大化、改变浏览器窗口打开背景图片都是全屏的居中的看上去就像背景图片自适应大小一样。

    关键:全屏自适应背景图片关键是图片做足够宽,以最宽分辨率显示屏能都铺满,小分辨率自然就更是铺满。同时需要设置这样背景图片作为body背景后需要居中。

    假如这张背景图片为:bg.jpg
    设置CSS代码:

    1. body{background: url(bg.jpg) no-repeat center 0} 

    代码解释:设置这个图片为网页背景,通常不平铺(no-repeat),水平居中,靠上显示

    四、头部背景图片和底部背景图片内容多少高度可增减头部底部背景不变   -   TOP

    这里DIVCSS5为大家介绍两种常见头部和底部不同背景图片技巧设置布局方法。

    1、头部和版权图片
    这种直接将头部背景图片设置为body背景居中靠上显示,底部版权地方DIV设置宽度100%;同时设置此背景图片背景颜色

    1. body{background: url(bg.jpg) no-repeat center 0} 
    2. #footer{margin:0 auto;width:100%;background: url(ft-bg.jpg) no-repeat center 0} 

    这样即可实现头部底部背景不同,同时不受内容多少高度影响。

    2、网页靠顶部上背景图与固定底部靠下背景图
    而靠底部背景图片远超出了版权底部盒子高度。

    网页靠上靠下背景图片不同,内容区域跨越靠上和靠下的背景效果截图
    网页靠上靠下背景图片不同,内容区域跨越靠上和靠下的背景效果截图

    这样的结构上下不同图片,不随中间内容增高减少影响背景布局,通常对html标签和body设置背景即可实现。

    假如顶部深蓝背景图片为“top.jpg”,底部浅蓝背景图片为“foot.jpg”

    DIV CSS设置网页背景关键CSS代码

    1. html{background: url(top.jpg) no-repeat center 0} 
    2. body{background: url(foot.jpg) no-repeat center bottom} 

    解释:设置深蓝背景图片为html背景水平居中靠上;设置浅蓝背景图片为body背景图片水平居中靠下。

    以上是DIVCSS5总结常见几种网页背景布局设置,灵活设置不管对body、html、div均能设置背景实现自己要的背景效果,如果对div设置为这个网页背景,那这个DIV高度就不能设置(默认自动)、div宽度设置100%即可。

    如需转载,请注明文章出处和来源网址:http://www.divcss5.com/jiqiao/j768.shtml

    转载于:https://www.cnblogs.com/zhangjingyun/p/5110297.html

    展开全文
  • 设置当前网页为浏览器首页

    千次阅读 2016-03-03 14:06:27
    设置当前网页为浏览器首页,简单实现。
  • DW设置网页链接

    千次阅读 2019-02-15 21:13:28
    DW设置网页链接html部分代码如下: !doctype html html head meta charset=“utf-8” link rel=“stylesheet” href=“css/SYNR.css” title无标题文档/title /head body div id=“div1"img src=“images/tu2....
  • 分别讲电脑端和手机端: 电脑端: ... 尝试好几种方式后,还是觉得最最简单的方法,还是用电脑自带的方式不借助任何外力方便,利用谷歌的方式也讲一下哈(利用谷歌会有自己的图标这点不错); 其他方式: ...
  • 将一个网页设置为屏保

    千次阅读 2019-07-19 23:05:13
    有没有试过将一个网页作为屏保? 最近我正好有这个需求:一些需要给家里人经常看到的提示信息:如果定闹钟多了大家嫌烦;我口头提示多了比闹钟还烦;印A4纸上贴墙上既影响美观又不容易修改内容,打印还要花银子,...
  • 公司有一台电脑浏览器里面默认网页设为百度, 公司里面只要一点击浏览器就会 浏览器会默认跳到百度网页,现在电脑拿到另一家公司,打开浏览器却不能跳到百度 网页,这是什么原因?
  • IIS中设置默认网页

    万次阅读 2008-12-23 13:30:00
    以下列举的是IIS中设置默认页的几种方法。都经过了我的测试,我测试的环境是IIS 5.1 + Windows XP Pro SP2。 默认页的定义:先声明这里是我的定义。主要是说明一下我这里默认页的意思。所谓默认页就是用户地址...
  • 使用DW设置网页背景图

    千次阅读 2019-02-07 08:33:54
    使用DW设置网页背景图HTML代码如下图: SCC1设置背景代码如下图: 效果图如下图所示:
  • 怎么自己做的网页托管github上

    千次阅读 2018-07-24 17:17:27
    可以把网页代码托管github,同样可以以站点的方式访问。 实践网址示例: https://411forget.github.io/shufa.github.io/ 1、准备条件 注册一个github账号 安装Git github创建一个存储库,用来存放我们...
  • 是不是打开一些比较大型的网站,网页的...网页标志ico如何设置? 地址栏标志favicon.ico? 如何让网站的图标出现地址栏上? 收藏夹和地址栏前面添加ICO图标? 如:百度,163,新浪等.如图:37计favicon图标裁图.
  • 在网页中如何设置背景图片

    千次阅读 2012-06-07 17:42:28
    注意:HTML当中,要为某个对象加上背景色只有一种办法,那就是先做一个表格,表格中设置完背景色,再对象放进单元格。这样做比较麻烦,不但代码较多,还要为表格的大小和定位伤些脑筋。现在用CSS就可以轻松地...
  • 如何设置网页页面高度100%

    千次阅读 2019-01-22 11:30:13
    在设置页面页面铺满的时候,还没开始我就发现了问题,高度是高度不像宽度,是无法设置为100%的; 但是h5融媒体都是铺满全屏的,所以一定是有什么方法的,因此我去度娘了。看到最多的还是屏幕自适应。head标签内...
  • 用document.cookie 赋值, 然后设置withCredentials: true,会第二次cookie发送出去. 不过不是document.cookie的值,而是第一次请求Response Header里Set-Cookie返回的值,有没有办法修改发送的cookie.
  • jQuery设置网页全屏功能

    千次阅读 2019-03-14 16:05:58
    &lt;img id="...// 设置全屏:目前这个方法无法监听 ESC 键盘按键 $('#alarm-fullscreen-toggler').on('click', function (e) { var element = document.documentElement; // 返回 ht...
  • WebView开发H5时,工程中需要把网页的标题换成自定义的标题的需要时这个方法就倍儿棒
  • 网页标题前面的logo怎么设置

    千次阅读 2018-08-08 10:11:38
    首先要选好一张准备作为logo的图片,然后将其转化为.ico...然后HTML文件的&lt;head&gt;&lt;/head&gt;标签内,插入一行代码: &lt;link rel="shortcut icon" href="../img...
  • 自定义微信分享链接是指将一条网页链接通过微信接口生成一张卡片,并且该卡片的标题,内容和图片都可以自己编辑。如下图效果 ● 自定义网页链接示例(带标题,内容简介,缩略图) ● 未自定义的网页链接 ...
  • 设置网页宽高的比例为16:9

    千次阅读 2019-05-16 16:35:50
    参考资料点这里 额简单计算下 按百分比计算 16:9也就是高度是宽度的百分之56.25 关键的地方 padding的百分比是按照容器宽度计算的 容器 <div id="pad"> <div id="content">...heigh...
  • web网页引入自定义字体设置

    万次阅读 2017-11-30 11:55:20
    新项目中 设计用了一个自定义的字体,由于不熟悉,折腾了好大一圈,最终同事的帮助下,顺利解决,记录一下,供有同样疑虑的小伙伴参考。 1、首先需要下载你需要的字体,此项目中用到的字体是思源黑体(light),...
  • 将图片设置网页的背景

    千次阅读 2017-11-05 19:36:24
    body添加被背景给body添加css属性background-repeat: no-repeat;/*设置图片不平铺*/ background-size:100% 100%;/*设置图片的大小,浏览器的宽高*/ background-attachment:fixed;/*设置图片固定,不跟据页面的拉动...
  • 哇真的好坑,今天练习了一下servlet,用谷歌浏览器 来打开,全是乱码,代码里也设置了 characterencoding, 结果还是不行, 结果百度一搜是网页的编码格式不匹配, 鼓捣半天结果都是说的 设置里有个 编码选项,结果是...
  • 一般网页宽度设置多少像素合适?

    千次阅读 2013-03-25 18:01:40
    1、800*600下,网页宽度保持778以内,就不会出现水平滚动条,高度则视版面和内容决定。 2、1024*768下,网页宽度保持1002以内,如果满框显示的话,高度是612-615之间.就不会出现水平滚 动条和垂直滚动条。 3、...
  • 网页页面尺寸一般设置多大才合适

    千次阅读 2013-10-20 12:23:20
    网页页面尺寸一般设置多大才合适   网页设计初始要界定出网页的尺寸大小 . 就像绘画给出一块画版来 . 这样才能方便设计 .      网页的尺寸受限于两个因素 : 一个是显示器屏幕 ...
  • 如何直播嵌入网页

    万次阅读 2017-06-06 17:57:16
    2. 只能直播插入到平台提供的带有商业广告的页面,而非自己的网站页面; 3. 没有保障的技术支持。 那么如何进行私有云的直播?也就是自建服务器进行直播,摒弃所有的公有云的直播限制。 我们需要哪些软件...
  • 网页中滚动条的设置和修改

    千次阅读 2018-06-12 00:07:10
    一、通过css设置滚动条 所有浏览器,滚动条可定制性最强的当属webkit内核的浏览器了。因为源代码开放的原因,市面上基于webkit内核的浏览器也是很难穷举完。例如有:Google Chrome、Opera(opera最近宣布使用...
  • 如何亚马逊中国使用kindle推送,如何通过kindlemii推送网页到kindle: 1. 了解你的kindle账号 登陆amazon.cn之后,amazon.cn的"管理我的Kindle"页面,选择"个人文档设置",或者点击这里 "〖发送至...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 469,618
精华内容 187,847
关键字:

怎么把网页设置在最前