精华内容
下载资源
问答
  • html设置背景图片自适应

    万次阅读 多人点赞 2019-04-25 17:53:47
    在网上找了很久,终于在一个百度问答里...中设置: <body background="images\bg.jpg" style=" background-repeat:no-repeat ; background-size:100% 100%; background-attachment: fixed;" > 第一行是图片...

    在网上找了很久,终于在一个百度问答里找到正确答案,记录下来,方便以后使用。
    <body>中设置:

    <body background="images\bg.jpg"
    style=" background-repeat:no-repeat ;
    background-size:100% 100%;
    background-attachment: fixed;"
    >
    

    第一行是图片url
    第二行是背景图片不重复
    第三行是达到窗口的百分百比例
    第四行是图片固定,随着页面滚动而移动

    展开全文
  • nuxt 每个页面head标签内容设置

    千次阅读 2019-08-09 13:54:49
    nuxt 每个页面head标签内容设置 导读 在前面几节课程中,我们已经完成对首页,jokes查询页,About页面的开发,接下来,我们来看一下每个页面的head标签 内容,我们会发现这三个页面的标签一致,而且和nuxt.config....

    nuxt 每个页面head标签内容设置


    导读

    在前面几节课程中,我们已经完成对首页,jokes查询页,About页面的开发,接下来,我们来看一下每个页面的head标签
    内容,我们会发现这三个页面的标签一致,而且和nuxt.config.js配置文件的head配置保持一致;

    所以我们需要对这三个页面单独做一个head,更加方便于SEO优化,搜索引擎的爬取;

    1. 好,我们打开index.vue,编辑如下:
    head(){
        return {
          title: 'jokes home page',
          meta: [{
            hid: "description",
            name: "description",
            content: "this is funny jokes home page"
          },{
            hid: 'viewport',
            name: 'viewport',
            content: 'width=device-width, initial-scale=1.0'
          }]
        }
      },
    
    1. 我们再次打开jokes.vue,编辑如下:
    head(){
        return {
          title: 'jokes page',
          meta: [{
            hid: "description",
            name: "description",
            content: "funny jokes page"
          }]
        }
      },
    
    1. 打开about.vue,编辑如下:
    head(){
        return {
          title: 'about page',
          meta: [{
            hid: "page description",
            name: "description",
            content: "funny jokes about page"
          }]
        }
    },
    

    每次设置修改之后,我们都需要打开当前页面的源代码查看一下,服务端渲染新head标签内容是否生效;
    在章节内容,我们将对本课程做一个详细的总结,回顾我们学习到的知识点,以及项目开发的流程;

    展开全文
  • Html设置网页背景图片

    万次阅读 多人点赞 2015-11-29 21:17:48
    背景图片的选择不仅要注意好看,而且还要注意不能喧宾夺主,影响网页内容的阅读。通常使用深色的背景图片配合浅色的文本,或者浅色的背景图片配合深色的文本。background属性用来设置网页的背景图片。 基本语法: ...


    为网页添加背景图片可以衬托网页的显示效果,从而取得更好的视觉效果。背景图片的选择不仅要注意好看,而且还要注意不能喧宾夺主,影响网页内容的阅读。通常使用深色的背景图片配合浅色的文本,或者浅色的背景图片配合深色的文本。background属性用来设置网页的背景图片。

    基本语法:

    <body background="图片地址"></body>

    background属性值就是图片的路径。路径可以是相对地址,也可以是绝对地址。

    实例代码:

    <!DOCTYPE html>
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
        <title></title>
    </head>
    <body background="../images/bg.jpg">
    </body>
    </html>

    背景图片一定要与插图以及文字的颜色相协调。为了保证浏览器载入网页的速度,尽量不要使用字节过大的图片; 

    展开全文
  • 页面布局使用iframe嵌套,iframe设置高度根据页面内容的高度自适应。代码如下(设置父级页面): <iframe name="container_ifranme" id="iframeId" scrolling="no" frameborder="no" border="0" src="home....

    页面布局使用iframe嵌套,iframe设置高度根据页面内容的高度自适应。代码如下(设置父级页面):

    <iframe name="container_ifranme" id="iframeId" scrolling="no" frameborder="no" border="0" src="home.html" onLoad="iFrameHeight()" ></iframe>
    
    <script>
    	//获取iframe子页面内容高度给iframe动态设置高度
    	function iFrameHeight() {
    	var ifm= document.getElementById("iframeId");
    		var subWeb = document.frames ? document.frames["iframeId"].document : ifm.contentDocument;
    		if(ifm != null && subWeb != null) {
    			ifm.style.height = 'auto';//关键这一句,先取消掉之前iframe设置的高度
    			ifm.style.height = subWeb.body.scrollHeight+'px';
    		}
    	};
    </script>
    
    展开全文
  • Dreamweaver页面属性设置

    千次阅读 2016-09-30 22:40:45
    对于Dreamweaver中创建的每一页,我们都可以在“页面属性”中对其进行布局和格式等属性的设置 一、标题/编码 1、设置页面标题 2、对文档类型进行设置 3、当我们指定文档中的字符使用UTF-8编码时,可启用C范式 ...
  • 微信小程序签到考勤系统

    万次阅读 多人点赞 2019-06-26 16:40:38
    这是我自己编写的一个微信小程序,用于课堂的签到考勤。秉承着开源精神,把源码分享出来,一起学习,一起成长!...这要分两种情况,因为老师和学生看到的页面信息是不一样的: 如果是老师创建,则进入的主...
  • JAVA上百实例源码以及开源项目

    千次下载 热门讨论 2016-01-03 17:37:40
     util实现Java图片水印添加功能,添加图片水印和文字水印,可以设置水印位置,透明度、设置对线段锯齿状边缘处理、水印图片的路径,水印一般格式是gif,png,这种图片可以设置透明度、水印旋转等,可以参考代码...
  • 简单制作登录注册页面

    万次阅读 多人点赞 2018-09-05 21:45:09
    在一个网页中,html负责页面布局和内容,css负责组件具体样式,JS则与后台进行交互。 在设计网页前先介绍DIV,简单来说就是一个在网页上分割区域的方块。在DIV里面可以添加组件,包括另外的DIV。 制作登录界面。...
  • 只需要遍历所有表单元素将其disabled,这个用jquery就搞定了  Jquery写法 &lt;script type="text/javascript&gt; $(function(){ $("input"...document.getElemen...
  • HTML的HTTP协议头信息中控制着页面在几个地方的缓存信息,包括浏览器端,中间缓存服务器端(如:squid等),Web服务器端。本文讨论头信息 中带缓存控制信息的HTML页面(JSP/Servlet生成好出来的也是HTML页面)在中间缓存...
  • 这里如下多种页面大小尺寸可供选择: 同时,设置文档内容旋转时,可支持如下角度进行内容旋转。 使用工具: Free Spire.PDF of Java(免费版) Eclipse 关于jar文件引用: 步骤1:在Java程序中新建一个...
  • HTML+CSS登陆界面实例

    万次阅读 多人点赞 2020-02-02 10:44:32
    登录界面截图 项目代码仓库地址 项目的代码放在了github的代码仓库当中:点我 ...将Login模块进行居中,并且设置背景半透明 添加背景框 项目基本框架html代码解析 大写的Login英文字母采用标题...
  • pc端项目中为了优化SEO搜索,要求首页和内容页的title/keywords/description 保持不一样 用vue+webpack搭建的项目 思路: 1)由于vue是单页面应用,index.html入口文件&amp;amp;amp;lt; head &amp;amp;...
  • 明显的宽(width:xxpx) margin:0px auto; < style > body { margin : 0 px auto ; padding : 0 px ; } header , section , footer { width : 1000 px ; margin : 0 px auto ; } style > ...
  • vue-meta挺好用的,如果我在pc端页面与mobile页面在同一个项目中国开发时,mobile要单独设置head信息,如果不使用此组件,会非常麻烦。此组件的github地址:https://github.com/nuxt/vue-meta 1.安装 npm ...
  • html页面设置滚动无效问题

    万次阅读 2017-04-27 22:21:02
    今天在做前端后台管理项目时发现页面内容过多,整个页面会随着滚动条一起滚动,导致网页很难看,于是决定固定整个页面的高度为显示屏的高度,然后让里面的某各div可设置滚动条。我以为就是设置html的overflow为...
  • vue2.0使用嵌套路由实现页面跳转/一级菜单切换/routes配置children demo需求分析: 图中菜单区域为header公用组件,点击相应的菜单选项跳转到对应的路由,在菜单下区域加载相应组件的内容。 以下两图分别为点击“我...
  • jsp怎么设置页面背景

    万次阅读 多人点赞 2018-08-26 11:37:05
    在日常jsp开发中经常要用到背景的设置,而在背景的设置多种多样,接下来小编将为你讲解常用的jsp页面背景设置。本项目百度网盘共享地址: http://pan.baidu.com/s/1c6BaFk 首先当然是配置eclipse开发环境(我...
  • 使用PHP curl获取页面内容或提交数据,时候希望返回的内容作为变量储存,而不是直接输出。这个时候就必需设置curl的CURLOPT_RETURNTRANSFER选项为1或true。 1、curl获取页面内容, 直接输出例子: 1 2 ...
  • 设置内容:tinyMCE.activeEditor.setContent(“需要设置的编辑器内容”) 2、如果当前页面有多个编辑器(下面的“[0]”表示第一个编辑器,以此类推):  获取内容:tinyMCE.editors[0].getContent()  设置内容:...
  • vue单页面设置高度100%全屏

    千次阅读 2020-04-23 19:25:54
    很多时候我们给单页面设置高度100%永远不会全屏 效果图 高度都是靠内容撑起来的 解决很简单 创建一个css html, body, #app{ height: 100%; margin: 0; padding: 0; } 然后引入全局 (引入到min.js) 现在看效果 ...
  • javascript打印-打印页面设置-打印预览代码       function printsetup(){   // 打印页面设置   wb.execwb(8,1);   }   function printpreview(){   // 打印页面预览     wb.execwb(7,1)...
  • Cookie由谁设置、怎么设置什么内容? Cookie是由服务器生成,保存在客户端本地的一个文件,通过response响应头的set-Cookie字段进行设置,下面是一个示例: [HTTP/1.1 200 OK] Server:[bfe/1.0.8.18] Etag:...
  • JQuery设置页面高度

    千次阅读 2019-04-01 18:37:57
    好处就是可以将页面大小设置的跟浏览器窗口一样大,也可以设置页面放大缩小改变页面属性,不让内容部分溢出 效果: 页面缩放100% 页面缩放110% Html代码部分: Html代码一共4个d...
  • 常见的几种页面内容布局方式

    万次阅读 多人点赞 2017-07-27 11:45:44
    常见的页面布局,左右自适应布局
  • 戴尔dell恢复出厂设置有许多方法,可以直接在win10系统里面进行恢复,也可以通过BIOS恢复出厂设置。其中,本文是从BIOS进行恢复的,下面是具体的教程。 1.1首先正常关机,开机后出现dell图标界面,一直狂摁F2键盘,...
  • 如何设置web项目打开的默认页面

    万次阅读 2019-06-15 14:46:38
    在javaweb项目启动时,就会在项目目录下面自上而下逐一查找文件,如果找到了如上6个中的某一个文件,则以这个文件为welcom-file,也就是这个项目的默认页面。 不生效怎么办? 修改本地tomcat的web.xml,在文档...
  • PDF怎么编辑?如何设置页面

    千次阅读 2016-11-15 14:20:30
    PDF格式文件现在算是比较常见了,虽然对大多数情况下只需要用阅读器查看文件的内容,但有时也会遇到需要对文件的内容进行编辑修改,而对PDF进行编辑恐怕很多人都不会,下面就来讲下PDF的一些基本编辑和设置。...
  • Vue-cli 中为单独页面添加张背景图片从而达到铺满全屏的方法 &lt;template&gt; &lt;div id="logo"&gt; &lt;/div&gt; &lt;/template&gt; &lt;script&gt; ...
  • uni-app 学习: 页面高度设置100%

    千次阅读 2020-05-18 11:25:39
    uni-app 中页面默认没有100%,内容只显示一半,而且轮播图随内容区域一起滚动,不能固定,如下图所示: 在独立页面给page加高度100%, 此时h5页面正常但是在小程序中依旧是不起作用的,如下图: page{ height: ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 1,213,644
精华内容 485,457
关键字:

属于页面设置的内容有哪些