#HTML与CSS知识

web网站css,js更新后客户浏览器缓存问题,需要刷新才能正常展示的解决办法

转载最近将公司官网样式进行了调整,部署到服务器后访问发现页面展示不正常,但是刷新之后就会展示正常。研究之后发现可能的原因有css文件过大,加载缓慢本地缓存问题,虽然服务器修改了css文件,但是浏览器仍然使用本地缓存的css,需要用户多刷新一次才能正常展示显然是很不合理的,那么怎么样解决更新后让浏览器请求新的css或js...
代码星球 ·2020-04-06

CSS的伪元素和伪类

css3为了区分伪类和伪元素,伪元素采用双冒号写法。常见伪类——:hover,:active,:visited,:focus。常见伪元素——::first-letter,::first-line,::before,::after,::selection。::before和...
代码星球 ·2020-04-06

Font Awesome:图标字体,完全CSS控制

FontAwesome是一种webfont,它包含了几乎所有常用的图标,比如Twitter、facebook等等。用户可以自定义这些图标字体,包括大小、颜色、阴影效果以及其它可以通过CSS控制的属性。它有以下的优点:1、像矢量图形一样,可以无限放大2、只需一种字体,同时拥有多个图标,目前支持439个图标3、无需考虑兼容...

@import url(../image/css)的用法

1、@importurl(../image/css);可以加载css文件2、@importurl(../image/css);可以写在html里加载css文件,也可以写在css文件里加载css文件:比如test1.css、test2.css、main.css文件,有三个css文件,浏览器要下载三个文件,假如在main....

flask前端优化:css/js/html压缩

1、先压缩再传输,可以减少传输的大小,减少传输时间,但是压缩需要时间,所以最终页面显示是快了还是慢了,需要比较2、先看html压缩模块:pipinstallFlask-HTMLmin压缩前:大小1.9M,完成时间1.20s压缩后:大小1.3M,完成时间2.35s,反而时间更久了2、再看css压缩和js压缩:pipins...
代码星球 ·2020-04-06

css中!important的作用

参考CSS的原理:CSS写在不同的地方有不同的优先级,.css文件中的定义的优先级小于元素style中的属性的优先级,但是如果使用!important,事情就会变得不一样。首先,先看下面一段代码:<!DOCTYPEHTML><html><head><metahttp-equiv...
代码星球 ·2020-04-06

html+css实现表格固定首行首列

今天接到一个任务要用html+css实现表格固定首行首列,水平垂直可以滚动,不可以用javascript要实现这个功能,表格无法实现,需要通过布局来实现父容器div内包裹着4个table(1,2,3,4)在垂直方向,1、2列表头固定,3、4垂直滚动在水平方向,1、3行表头固定,2、4水平滚动要实现这种效果,可以通过po...

嵌入式基础知识

1、嵌入式系统概念  嵌入式系统是指以应用为中心,以计算机技术为基础,软件硬件可剪裁,适应应用系统对功能、可靠性、成本、体积、功耗严格要求的专用计算机系统。它主要由嵌入式微处理器、外围硬件设备、嵌入式操作系统以及用户应用软件等部分组成。它具有“嵌入性”、“专用性”与&ld...
代码星球 ·2020-04-06

【html+css3】在一张jpg图片上,显示多张透明的png图片

1、需求:在一个div布局里面放置整张jpg图片,然后在jpg图片上显示三张水平展示的透明png图片,且png外层用a标签包含菜单2、效果图:3、上图,底层使用蓝色jpg图片,【首页】、【购物车】、【会员中心】三个图标都是透明的png黄色图片4、上代码:html<divstyle="height:69px;pos...

【HTML打印】HTML直接调用window下的打印机并执行打印任务(简单打印任务生成)

1、<buttononclick="preview('data');"id="print">打印</button>2、 3、js:<scripttype="text/javascript">functionpreview(id){varsprnhtml=$('#'+id)....

css 文字边框

 矩形边框可增加border属性勾绘出一条边线会变成一个圆以及各种不规则矩形形状如一些三角形啊(可做提示边边角,展开收起等状态)五六七八边平行、梯形、菱形椭圆,半圆,整个园月牙,狼牙,小铁环....甚至于爱心❤   /*爱心*/.love{position:relative;}....
代码星球 ·2020-04-06

【HTML】百度地图webAPI使用

1、登录百度地图,创建WEB应用,设置白名单、获取该WEB应用的ak2、在页面引入相应的js和ak3、效果(CSS不提供): 4、实例化地图map,并给map添加相应的搜索和确定坐标事件<scripttype="text/javascript">//百度地图API功能varmap=newBMap....

【php】在php代码嵌入HTML代码(适用于公众号开发)

核心:HTML的双引号【"】一定要转义,不废话:$link="<ahref="http://www.baidu.com">最新活动链接</a>";echo$link;//这种也适用于公众号开发,用户关注后,推送带有link链接的文字//也需要一样转义。  ...

【slighttpd】基于lighttpd架构的Server项目实战(6)—预备知识之Http

接下来,我们開始http部分的开发。在此之前。有必要先学习一下HTTP协议~http1.1的rfc文档:http://www.ietf.org/rfc/rfc2616.txt超文本传输协议(HypertextTransferProtocol。简称HTTP)是应用层协议,是一种请求/响应式的协议,即一个client与se...

html中锚点的使用

如今总结一下控制锚点的几种情况:    1.在同一页面中    [html]viewplaincopy    <aname="add"></a><!-...
代码星球 ·2020-04-06
首页上一页...228229230231232...下一页尾页