content

鐭ラ亾css鏈変釜content灞炴€у悧锛熸湁浠€涔堜綔鐢紵鏈変粈涔堝簲鐢紵

匿名 (未验证) 提交于 2019-12-02 16:45:31
鐗堟潈澹版槑锛氭湰鏂囦负鐭ヤ箮鏈烘瀯鍙枫€愭妧鑳芥爲IT淇湡闄€戝師鍒涙枃绔狅紝鏈粡鍏佽涓嶅緱杞浇銆 https://blog.csdn.net/jnshu_it/article/details/86595178 杩欓噷鏄慨鐪熼櫌web灏忚鍫傦紝姣忕瘒鍒嗕韩鏂囦粠 銆愯儗鏅粙缁嶃€戙€愮煡璇嗗墫鏋愩€戙€愬父瑙侀棶棰樸€戙€愯В鍐虫柟妗堛€戙€愮紪鐮佸疄鎴樸€戙€愭墿灞曟€濊€冦€戙€愭洿澶氳璁恒€戙€愬弬鑰冩枃鐚€慄/p> 鍏釜鏂归潰娣卞害瑙eb鐭ヨ瘑/鎶€鑳斤紝鏈瘒鍒嗕韩鐨勬槸锛欬/p> 銆愮煡閬揷ss鏈変釜content灞炴€у悧锛熸湁浠€涔堜綔鐢紵鏈変粈涔堝簲鐢紵 銆慄/p> 澶у濂斤紝鎴戞槸IT淇湡闄㈡姹夊垎闄㈢涔濇湡鐨勫鍛橈紝涓€鏋氭鐩寸函娲佸杽鑹殑鍓嶇绋嬪簭鍛橈紝浠婂ぉ缁欏ぇ瀹跺垎浜竴涓嬶紝淇湡闄㈠畼缃戝墠绔伐绋嬪笀锛堣亴涓氾級css浠诲姟15锛屾繁搴︽€濊€冧腑鐨勭煡璇嗙偣鈥曗€曞紑鍙戣繃绋嬩腑搴旇閬靛畧鍝簺缂栫爜瑙勮寖鍜宑lass鍛藉悕瑙勮寖锛烖/p> 1.鑳屾櫙浠嬬粛 content灞炴€ф棭鍦–SS2.1鐨勬椂鍊欏氨琚紩鍏ヤ簡,鍙互浣跨敤:before浠ュ強:after浼厓绱犵敓鎴愬唴瀹广€傛鐗规€х洰鍓嶅凡琚墍鏈変富娴佹祻瑙堝櫒鏀寔銆傚湪CSS 3 Generated

HTML/CSS布局

久未见 提交于 2019-12-02 16:22:14
一、三列布局   三列布局要求:1.两边固定,中间自适应          2.当中列要完整显示          3.当中列要优先加载 1.圣杯布局 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> *{ margin: 0; padding: 0; } #content{ padding: 0 200px; overflow: hidden; } body{ min-width: 600px; } #header,#footer{ height: 20px; text-align: center; border: 1px solid; background: gray; } /*伪等高布局*/ #content .middle,#content .left,#content .right{ padding-bottom: 10000px; margin-bottom: -10000px; }

meta标签

为君一笑 提交于 2019-12-02 15:09:55
原文: https://www.imooc.com/qadetail/330325 一、http-equiv属性 http-equiv顾名思义,相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确和精确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 meta标签的http-equiv属性语法格式是: <metahttp-equiv="参数"content="参数变量值">; 其中http-equiv属性主要有以下几种参数: A、Expires(期限) 说明:可以用于设定网页的到期时间。一旦网页过期,必须到服务器上重新传输。 用法:<metahttp-equiv="expires"content="Fri,12Jan200118:18:18GMT"> 注意:必须使用GMT的时间格式。 B、Pragma(cache模式) 说明:禁止浏览器从本地计算机的缓存中访问页面内容。 用法:<metahttp-equiv="Pragma"content="no-cache"> 注意:这样设定,访问者将无法脱机浏览。 C、Refresh(刷新) 说明:自动刷新并指向新页面。 用法:<metahttp-equiv="Refresh"content="2;URL=http://www.jb51.net">(注意后面的引号

css3三维效果练习

拥有回忆 提交于 2019-12-02 13:18:01
css *{margin: 0;padding: 0;} body{background: #000;} /* 显示区域 */ #content{height: 150px;width: 150px;perspective: 800px;margin: 50px auto;} #content #img3d{width: 150px;transform-style: preserve-3d;transition: all .5s;position: absolute;left:50%;margin-left: -70px;top: 50%;} /* 显示的图片 */ #content #img3d img{height: 200px;width: 150px;position: absolute;transition: all .5s;border-radius: 10px;box-shadow: 0 0 15px #fff;} /* 当前显示的图片外框加一个特效 */ #content #img3d img.active{box-shadow: 0 0 15px #f99;} html <div id="content"> <div id="img3d"> <img src="../img/1.jpg" alt=""> <img src="../img/1.jpg" alt=""

goland读取文件写入文件

此生再无相见时 提交于 2019-12-02 10:44:12
package mainimport ( "fmt" "io/ioutil" "strings")/** * 读取文件 * string name 文件名称 */func ReadFile(name string) { if contents,err := ioutil.ReadFile(name);err == nil { result := strings.Replace(string(contents),"\n","",1) fmt.Println("ReadFile:",result) }}/** * 写入文件 * string name 文件名称 * byte content 文件内容 */func WriteFile(name string, content []byte){ if ioutil.WriteFile(name, content, 0644) == nil{ fmt.Println("WriteFile") }else{ fmt.Println("NOT WriteFile") }}func main() { name := "content.txt" content := "content" WriteFile(name, []byte(content)) ReadFile(name)} 来源: https://www.cnblogs.com/cc

微信小程序资料总结

天大地大妈咪最大 提交于 2019-12-02 10:42:42
http://blog.csdn.net/ZCLengendary/article/details/54312030 --添加html标签与处理 https://www.cnblogs.com/HDK2016/p/6285320.html --正则表达式 https://www.w3cschool.cn/ --w3cschool <span style= " font-size:18px; " > <span style= " white-space:pre; " > </span> // 替换标签中特殊字符 这里观察返回数据找到非 HTML 字符串,随后将该字符串替换成空字符串. var infoFlg = " <!--SPINFO#0--> " ; if (content.indexOf(infoFlg) > 0 ) { content = content.replace(/<!--SPINFO# 0 -->/, "" ); } </span> 下面是实例 js代码如下 <span style= " font-size:18px; " > var WxParse = require( ' ../../wxParse/wxParse.js ' ); Page({ data: { }, onLoad: function(options) { // http://c.m.163

微信企业号开发入门(回调模式)java

﹥>﹥吖頭↗ 提交于 2019-12-02 07:59:31
最近在开发微信企业号,刚接触时云里雾里的,在摸索过程中终于清晰了一点。 刚开始我以为订阅号、服务号、企业号的接口差不多,就一直用订阅号的教程来入门,后来才发现差的挺多的。 首先,微信企业号不像订阅号和服务号,就一个主页面。 企业号的开发其实是对应用的开发。 先附上微信企业号开发官方文档: https://qydev.weixin.qq.com/wiki/index.php 一、企业微信管理页面配置 网址: https://work.weixin.qq.com/wework_admin/frame 1、在注册完企业号后,先创建一个应用 2、在应用管理--自建的应用中配置可信域名 需要注意的是, 微信公众号的开发测试需要访问到外网的服务器,且端口只能为80。 这里推荐使用 natapp进行配置,具体使用看 : https://blog.csdn.net/qq_33922980/article/details/90244160 (自备域名的可以忽略) 启动后,填写可信域名 3、配置接收消息的api(这里我已经配好了) Token和EncodingAESKey可以使用随机获取,url填写刚刚配置的可信域名,及准备调用的接口。 此时点击保存,会提示服务器异常,请稍后再试。 这是由于点击保存时,微信会向我们添加的url发送一个get请求,需要我们返回值。 附上官方说明: 附上url检验代码:

基于Scrapy框架的增量式爬虫

回眸只為那壹抹淺笑 提交于 2019-12-02 06:44:57
概述 概念:监测 核心技术:去重 基于 redis 的一个去重 适合使用增量式的网站: 基于深度爬取的 对爬取过的页面 url 进行一个记录(记录表) 基于非深度爬取的 记录表:爬取过的数据对应的数据指纹 数据指纹:原始数据的一组唯一标识 数据 –> 数据指纹 –> 库中查询 hashlib 所谓的记录表是以怎样的形式存在于哪? redis的set充当记录表 例子 爬取4567电影网中影片名称以及简介,当网站有更新时爬取增加的了数据。 地址为: https://www.4567tv.tv/frim/index1.html 该例为基于深度爬取的。 scrapy startproject zlsPro scrapy genspider zls www.xxx.com ① 使用手动传参进行深度的爬取 使用 self.conn.sadd('movie_url', detail_url) 的返回值来判断是否爬取过该电影。 1234567891011121314151617181920212223242526272829303132333435 # zls.py# -*- coding: utf-8 -*-import scrapyfrom zlsPro.items import ZlsproItemfrom redis import Redisclass ZlsSpider(scrapy

quill-editor实现自定义上传视频和图片到服务器。quill-image-resize-module的实现图片的缩放,以及在小程序和uni-app富文本解析的解决方案

a 夏天 提交于 2019-12-02 06:19:34
最近在用uni-app写跨端的小程序APP应用。其中有富文本的需求,后台使用的vue-cli3+elementUI。vue做技术栈的话还是选择quill-editor比较多。 quill-editor上传图片和视频到服务器 quill-editor默认的图片是base64文件,一般来说,我们都需要保存至自己的服务器或者OSS。 quill-editor上传到服务器的关键是对quill-editor的图片和视频点击事件的劫持,劫持之后自定义一个上传的方法。基本配置在这里就不多做记录。可以按照需求查看文档或者百度。 editorOption: { theme: "snow", // or 'bubble' placeholder: "", modules: { imageResize: {}, toolbar: { container: toolbarOptions, // container: "#toolbar", handlers: { //拦截默认的上传方式 image: function(value) { //当点击图片上传时,value会变为true if (value) { // 触发自定义的上传 document.querySelector(".avatar-uploader input").click(); } else { this.quill.format(

css固定底部的五种方法

无人久伴 提交于 2019-12-02 05:07:26
文主要介绍一个Footer元素如何粘住底部,使其无论内容多或者少,Footer元素始终紧靠在浏览器的底部。我们知道,当内容足够多可以撑开底部到达浏览器的底部,如果内容不够多,不足以撑开元素到达浏览器的底部时,下面要讲的布局就是解决如何使元素粘住浏览器底部。 需方法一:全局增加一个负值下边距等于底部高度 有一个全局的元素包含除了底部之外的所有内容。它有一个负值下边距等于底部的高度,就像 这个演示链接 。 HTML代码 <body> <div class="wrapper"> content <div class="push"></div> </div> <footer class="footer"></footer> </body> CSS 代码: html, body { height: 100%; margin: 0; } .wrapper { min-height: 100%; /* Equal to height of footer */ /* But also accounting for potential margin-bottom of last child */ margin-bottom: -50px; } .footer, .push { height: 50px; } 这个代码需要一个额外的元素.push等于底部的高度,来防止内容覆盖到底部的元素