导航
首页
技术杂文
谷歌地图
网文选录
文章浏览史
其他
搜索
知识栈-css
ThinkPHP5的模板替换__STATIC__
thinkphp是一个单入口文件,所有的请求都会落到public/index.php,安装好thinkphp5之后,public就会默认有一个static目录,这个static目录是用来放静态文件的。
分类:
文章浏览史
浏览:421
发布时间:2022-02-26 18:15:18
div 设置a4大小,CSS设置A4纸张尺寸
I need simulate an A4 paper in web and allow to print this page as it is show on browser (Chrome, specifically). I set the element size to 21cm x 29.7cm, but when I send to print (or print preview) it...
分类:
文章浏览史
浏览:253
发布时间:2021-11-27 17:48:32
使用Jquery.barrager.js插件开发弹幕功能
使用Jquery.barrager.js插件开发弹幕功能Jquery.barrager.js插件,可以去网上下载!点击这里可以下载!下载完后,就把下载文件中的js文件、css文件、图片文件、等等等文件全部拷贝到你们自己的项目中去,千万别拷贝漏了,如果你怕拷贝漏了什么,那就把所有的文件夹都拷贝到你自己的项目中去!先看我们要做成什么样的效果:如下图barrage.jsp页面<%@ page la...
分类:
文章浏览史
浏览:338
发布时间:2021-11-17 11:37:14
electron监听网页_Electron中实现通过webview实现内嵌网页并嵌入css样式和js脚本等...
场景用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld:Electron怎样进行渲染进程调试和使用浏览器和VSCode进行调试:在上面搭建好项目以及知道怎样进行调试后如果要想将某些web网页内嵌进来,类似于iframe的效果。注:实现显示webview首先在html中添加webview标签直接通过src属性设置要内嵌的网页的地址。然后打开mai...
分类:
文章浏览史
浏览:852
发布时间:2021-09-07 18:27:59
Electron-vue 中使用 CSS 布局笔记
设置该属性后,除拖动外的其它鼠标事件不再响应。在需要响应其它鼠标事件的子元素上,加上:
分类:
文章浏览史
浏览:431
发布时间:2021-09-07 18:17:48
使用uView UI+UniApp开发微信小程序
在前面随笔的介绍中,我们已经为各种框架,已经准备了Web API、Winform端、Bootstrap-Vue的公司动态网站前端、Vue&Element的管理前端等内容,基本都是基于Web API基础的。完成这些基础准备和布局后,我们继续将技术的触角放到使用Vue语言开发小程序的场景中,本篇随笔介绍使用uView UI+UniApp开发微信小程序,介绍使用准备过程中的一些注意点和经验总结。我们在开发小程序之前,需要了解一些基本的知识,以及掌握一些常规的开发工具,相关知识最好能够在着手开始前有所掌
分类:
文章浏览史
浏览:841
发布时间:2021-09-04 17:17:26
CSS 元素垂直居中的 6种方法
转自:http://blog.zhourunsheng.com/2012/03/css-%E5%85%83%E7%B4%A0%E5%9E%82%E7%9B%B4%E5%B1%85%E4%B8%AD%E7%9A%84-6%E7%A7%8D%E6%96%B9%E6%B3%95/利用CSS进行元素的水平居中,比较简单,行级元素设置其父元素的text-align center,块级元素设置其本身的left
分类:
文章浏览史
浏览:429
发布时间:2021-08-10 20:28:49
CSS实现垂直居中的常用方法
在前端开发过程中,盒子居中是常常用到的。其中 ,居中又可以分为水平居中和垂直居中。水平居中是比较容易的,直接设置元素的margin: 0 auto就可以实现。但是垂直居中相对来说是比较复杂一些的。下面我们一起来讨论一下实现垂直居中的方法。 首先,定义一个需要垂直居中的div元素,他的宽度和高度均为300px,背景色为橙色。 接下来,需要做的事情就是要让div往下移动了。所以,想要移动元素的位置,就要把position设置为不是static的其他值,如relative,absolute,
分类:
文章浏览史
浏览:600
发布时间:2021-08-10 20:28:07
JQ删除元素方法设置以及Css的方法设置
JQ删除元素、Css的方法设置一、方法介绍(1)、删除元素和内容,一般可使用以下两个 jQuery 方法:remove() - 删除被选元素(及其子元素)empty() - 从被选元素中删除子元素(2)、Css() 方法设置或返回被选元素的一个或多个样式属性二、例子解释(一)、HTML的结构设置部分(二)、Css样式设置部分(三)、效果图没有展示之前的设置显示(四)、效果图展示 我们可以看到效果图展示后,使用“remove()...
分类:
文章浏览史
浏览:613
发布时间:2021-07-29 23:09:07
CSS 中的强制换行和禁止换行
Jimdo系统在设计上一直存在一个BUG,那就是在主编辑区,遇到英文或数字字串时,没有设置强制换行,造成页面被撑破,用IE6浏览时,常看到内容错位,非常影响网站的美观。另一方面,对二分栏结构的网站,在侧栏放一些文章标题时,如果标题过长它又是自动换行的,也影响版面的美观。在CSS里,主要有强制换行和禁止换行。word-break:break-all 和 word-wrap:break-word都是能使其容器如DIV的内容自动换行,它们的区别在于:. text-overflow:ellipsis;
分类:
文章浏览史
浏览:689
发布时间:2021-07-28 12:44:00
css 文本两行显示,超出省略号表示
我说说
打瞌睡党风建设打火机
说说色儿
. 如果实现单行文本的溢出显示省略号同学们应该都知道用text-overflow:ellipsis属性来,当然还需要加宽度width属来兼容部分浏览。接下来重点说一说多行文本溢出显示省略号,如下。因使用了WebKit的CSS扩展属性,该方法适用于WebKit浏览器及移动端;-webkit-line-clamp用来限制在一个块元素显示的文本的行数。display: -webkit-bo
分类:
文章浏览史
浏览:1013
发布时间:2020-10-19 14:11:23
bootstrap 表格设置列固定宽度以及内容自动换行的CSS
<style type="text/css"> #contentTable{ table-layout:fixed; /* bootstrap-table设置colmuns中某列的宽度无效时,需要给整个表设置css属性 */ word-break:break-all; word-wrap:break-all; /* 自动换行 */ }</style><...
分类:
文章浏览史
浏览:1679
发布时间:2020-10-12 15:36:56
CSS垂直居中的8种方法
通过vertical-align:middle实现CSS垂直居中是最常使用的方法,但是有一点需要格外注意,vertical生效的前提是元素的display:inline-block。随着越来越多浏览器兼容CSS中的flexbox特性,所以现在通过“display:flex”实现CSS水平居中的方案也越来越受青睐。这个跟CSS水平居中的原理是一样的,只是在flex-direction上有所差别,一个是row(默认值),另外一个是column。具体方式是为父元素添加伪元素:before,使得子元素实
分类:
文章浏览史
浏览:28686
发布时间:2020-09-30 16:19:53
CSS3中的pointer-events
今天做项目中偶然误把元素加上了pointer-events属性,结果导致后来在js中给该元素加点击事件不能用,检查了半天才发现是这个属性的问题。之前没有好好研究,于是决定仔细研究一下。CSS属性pointer-events允许作者控制特定的图形元素在何时成为属性事件的target。当未指定该属性时,SVG内容表现如同visiblePainted。除了指定元素不成为鼠标事件的目标,none值还指示鼠标事件穿过该元素,并指向位于元素下面的元素。但是,当其后代元素的pointer-events属性指定
分类:
文章浏览史
浏览:605
发布时间:2020-09-30 15:42:12
CSS3--关于z-index不生效问题
z-index 属性是用来调整元素及子元素在 z 轴上的顺序,当元素发生覆盖的时候,哪个元素在上面,哪个元素在下面。通常来说,z-index 值较大的元素会覆盖较低的元素。z-index 的默认值为 auto,可以设置正整数,也可以设置为负整数。只有定位的元素的z-index才会起作用。z-index: 3; /* put .gold-box above .green-box and .dashed-box */. .dashed-box { /* 去掉父元素中的z-index, 或者z-in
分类:
文章浏览史
浏览:838
发布时间:2020-09-30 14:53:56
使用CSS隐藏元素滚动条
想要完全隐藏滚动条只需设置overflow:hidden即可,但是这样一来将导致元素内容不可滚动。时至今日,还没有任何一条CSS规则可以使元素可以隐藏滚动条的同时依然可以滚动内容,只能通过针对特定浏览器设置滚动条样式来实现。Chrome和Safari浏览器对于Chrome和Safari浏览器,我们必须使用CSS滚动条选择器,然后使用display:none隐藏它:。示例我们使用上面的CSS属性以及溢出实现下面一个实例——隐藏水平滚动条,同时允许垂直滚动条:
分类:
文章浏览史
浏览:1131
发布时间:2020-09-26 19:12:58
用CSS实现聊天对话框小三角效果
今天我教大家如何用css设计对话框的尖角效果。对话框的结构:1,左边的矩形和右边的三角形。第一步,实现右边的三角形》<!DOCTYPE html><html><head><meta charset="utf-8"> <style> div{ display:block; width...
分类:
文章浏览史
浏览:1272
发布时间:2020-09-26 19:09:03
CSS元素超出部分滚动,并隐藏滚动条
方法一, 利用 css 3 的新特性 -webkit-scrollbar, 但是这种方式不兼容 火狐 和 IE<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>超出部分隐藏滚动条</title></head><s...
分类:
文章浏览史
浏览:497
发布时间:2020-09-26 18:56:02
css/css3实现未知宽高元素的垂直居中和水平居中
第三种是给父级添加样式。先写这几种, 够大家用了,还有通过伪类实现居中的效果,有兴趣的可以自己敲下试试
分类:
文章浏览史
浏览:640
发布时间:2020-09-08 11:29:06
CSS 中的强制换行和禁止换行
Jimdo系统在设计上一直存在一个BUG,那就是在主编辑区,遇到英文或数字字串时,没有设置强制换行,造成页面被撑破,用IE6浏览时,常看到内容错位,非常影响网站的美观。另一方面,对二分栏结构的网站,在侧栏放一些文章标题时,如果标题过长它又是自动换行的,也影响版面的美观。在CSS里,主要有强制换行和禁止换行。word-break:break-all 和 word-wrap:break-word都是能使其容器如DIV的内容自动换行,它们的区别在于:. text-overflow:ellipsis;
分类:
文章浏览史
浏览:3673
发布时间:2020-08-30 18:01:57
纯CSS简单实现漂亮的timeline时间轴效果(样式1)
背景最近需要用到timle效果,网上提供很多案例都加了很多特效,代码也比较复杂。最终找到了一个样式精美,代码简洁的timeline效果。我简单分享一下实现原理,并配上代码,供大家参考。效果图实现原理右侧列表是ul>li*n的列表布局,该布局的样式完全是自己定义,和timeline实现无关实现过程拆分起来很简单ul的样式利用:before属性为期增加一条灰色的线,宽...
分类:
文章浏览史
浏览:762
发布时间:2020-08-28 23:08:52
【CSS3 transform属性和过渡属性详解】
transform字面上就是变形,改变的意思。在CSS3中transform主要包括以下几种:旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。负值是允许的,这样是元素逆时针旋转。scale() 该元素增加或减少的大小,取决于宽度(X轴)和高度(Y轴)的参数。matrix() 和2D变换方法合并成一个。skew()包含两个参数值,分别表示X轴和Y轴倾斜的角度,如果第二个参数为空,则默认为0,参数为负表示向相反方向倾斜。注意:默认值是1,它的值放大是比
分类:
文章浏览史
浏览:785
发布时间:2020-08-24 11:35:06
Vue 动态绑定CSS样式
一.示例1 首先准备一些css样式,在这个示例中我们将展示通过点击动态修改颜色。 vue对象中有两个数据,changeColor和changeLength值都为false。 ...
分类:
文章浏览史
浏览:799
发布时间:2020-08-16 19:42:08
word中字体大小(pt)和网页中css设置font-size时用的px大小对应关系
word中字体大小(pt)和网页中css设置font-size时用的px大小对应关系pt与px转换关系为 1px= 0.75pt。所以word中五号字体(10.5pt)在网页中对应的大小为font-size:14px。(10.5 / 0.75 = 14)初号44pt小初36pt一号26pt小一24pt二号22pt小二18pt三号16pt小三15pt四号14pt小四12pt五号1..._swift 字体大小 px关系
分类:
文章浏览史
浏览:811
发布时间:2020-07-06 21:21:38
CSS实现垂直居中的几种方法
1
文本垂直水平居中
. 7 html{width: 100%;height: 100%;} /*整个页面的居中*/. 11 display: flex; /*flex弹性布局*/. 20 flex-direction: column; /*元
分类:
文章浏览史
浏览:1259
发布时间:2020-06-24 15:48:41
Electron中实现通过webview实现内嵌网页并嵌入css样式和js脚本等
用HTML和CSS和JS构建跨平台桌面应用程序的开源库Electron的介绍以及搭建HelloWorld:。如果要想将某些web网页内嵌进来,类似于iframe的效果。直接通过src属性设置要内嵌的网页的地址。
分类:
文章浏览史
浏览:1221
发布时间:2020-06-06 15:51:04
css实现背景透明,内容不透明
css实现背景和文字均为黑色,背景透明度为0.2,文字不透明:<!DOCTYPEhtml><html><head><metacharset="utf-8"/><metahttp-equiv="X-UA-Compatible"content="IE=edge">
分类:
文章浏览史
浏览:653
发布时间:2020-05-16 15:17:01
css背景透明
x的取值为0到1,如opacity:0.5表示不透明度为50%;IE专属滤镜filter:Alpha,x的取值为0到100,如filter:Alpha表示不透明度为50%. 但是使用opacity设置元素的不透明度会使其所有后代元素都会随着一起具有透明度,一般都用于调整图片或者模块的整体不透明度。所以只使用opacity想是想背景透明,文字不透明是不行的。rgba设置颜色的不透明度,一般都用于调整background-color、color、box-shadow等的不透明度
分类:
文章浏览史
浏览:566
发布时间:2020-05-16 15:11:55
查看更多