大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

font

font:字体。在微机系统里通常用“fonts”文件夹存放已安装的字体,自己安装字体时,也需要装入“fonts”文件夹中。第一种声明方式参数必须按照如上的排列顺序。每个参数仅允许有一个值。忽略的将使用其参数对应的独立属性的默认值。

滚动时的渐显渐隐标题

} #titWrp { background-color: rgba(255, 255, 255, 0); } 对标题设置背景,后续都是操作这个背景的透明度 JavaScript 结构 var tit = document.querySelector('#titWrp') var doc = document.body || document.documentElement // 当滚动时,用节流函数来间隔时间段触发绑定的函数操作 window.addEventListener("scroll", _.throttle(function () { // 仅在小于100时,也就是滚动值100以内才执行对应的操作 if(doc.scrollTop 100){ var num = doc.scrollTop;

给我一首诗的时间

给我一首诗的时间 前端入坑纪 59 今天来分享最简单版打字机效果 好,详解如下! OK,first things first! 点我查看实际效果 诗仙,你好 HTML 结构 通过canvas里面来模拟打字的效果,所以一个canvas容器是必须的 CSS 结构 html,body { margin: 0; font-size: 0; j = 0 } }else{ clearInterval(tik) } }, 170);

CSS calc计算属性

CSS calc计算属性 calc()是css3的一个新增的功能,用来指定元素的长度,你可以使用calc()给元素的border、margin、pading、font-size和width等属性动态的设置值。 calc()语法 . margin: auto; } #main { border: 8px solid #B8C172; width: 75%; width: -webkit-calc(25% - 10px * 2 - 8px * 2 - 20px);CSS3 calc() test…… test…… test1…… test2…… test3…… footer

css响应式设计

css响应式设计 首先明白一个需求:某网站在大屏幕上时布局如下: 屏幕 1024px 屏幕大小为768px到1024px时实现布局如下: 小于768px时实现如下布局: 实现这几种效果就是响应式布局了。说下实现方式使用css @media分为三种情况: 1.当@media screen and (max-width:768px)时,及屏幕大小小于768时为一种css样式, 2.当 @media screen and (min-width:768px)and(max-width:1024px)时,及屏幕宽度在768和1024时为一

为简书Markdown文字添加颜色

为简书Markdown文字添加颜色 简书的markdown非常好用, , 简书Markdown编辑器默认使用黑色的文字, 然而, 世界本就是的, 为文字上色也是一项必不可少的技能(此技能在简书手机app观看

React 中合并单元格的正确写法

React 中合并单元格的正确写法 用表格进行页面布局,页面布局在各种浏览器的的兼容性, 都非常好, 而在react中使用表格布局, 合并单元格的写法比较特殊, 博主查了很久才找到正确的写法, 在这里分享一下 效果图 源码 react组件文件 import React, { Component } from 'react';/App.css';App { text-align: center; } td { border: 1px solid #AB3319; width: 30px;title { color: #444444; font-size: 20px; border-collapse: collapse;

PHP header头状态

// 重定向,其实就是302 暂时重定向 header('Location: http://www.maiyoule.com/'); header('WWW-Authenticate: Basic realm="登录信息"'); // 设置内容长度 header('Content-Length: 39344'); readfile('example.zip');//读取文件到客户端 //禁用页面缓存 header('Cache-Control: no-cache, no-store, max-age=0, must-revalidate'); header('Expires: Mon, 26 Jul 1997 05:00:00 GMT'); //设置页面头信息 header('Content-Type: text/html; charset=iso-8859-1'); charset=utf-8');

JSON.parse()与JSON.stringify()的用法,以及eval()和new Function

var person = JSON.parse(json, function (key, value) { if(key ! 3、解析函数 JSON 不允许包含函数,但你可以将函数作为字符串存储,之后再将函数字符串用eval解析。 实例 var text = '{ "name":"Runoob", "alexa":"function () {return 10000; //先弹出一个提示框输出hehe的字符串~ console.log(eval("("+jsonData+")"));//Google,Runoob,Taobao,Facebook var myJSON = JSON.stringify(arr); var myJSON = JSON.stringify(obj.initDate);

css3实现元素抖动效果

css3实现元素抖动效果 代码不多,不截图了,可自行尝试 说明 css部分比较冗余,是因为考虑到了适配情况。可酌情删减 -webkit-animation-name: shaky-slow; // webkit内核 -ms-animation-name: shaky-slow; // ie内核 animation-name: shaky-slow; // 原生 animation-duration: 4s; // 动画执行时间 animation-delay: 0s; // 动画等待时间 animation-iteration-count: infinite; // 动画执行次数,infinite为一直执行 animation-timing-function: ease-i

菜鸟笔记(三) - Java Excel报表导入导出

菜鸟笔记(三) - Java Excel报表导入导出 本文将介绍Java Poi包的使用,并实现Excel报表的导入导出。 前提摘要:在系统的管理后台当中中,Excel报表的导入导出已经是不不可避免的场景。值得一提的是支付宝和微信支付的批量转账也需要相应格式的Excel文档 //类别 private String comment = "现金提现"; public interface IExcelExport { /** * 获取Excel的Header * * @return */ String[] getHeader(); } if (recordPois !

编程字体Fira Code字体-连体字

gif 二、安装到 PHPStrom 下面就告诉大家如何集成到我们最爱的 PHPStrom 中 下载字体包 安装字体,macOS 下面直接双击ttf字体安装,切记,安装 FiraCode-Regular(常规体) 即可,不要安装太细的字体,否则看着累 打开 phpstorm 偏好设置,Editor Colors Fonts Font,Primary font 选择 Fira Code,并勾选 Enable font ligatures 即可。如图 img Done!

CSS篇-CSS三大特性

CSS篇-CSS三大特性 一 : 层叠性 浏览器处理冲突的一种能力,以CSS的书写顺序,以下面的样式为准. font-size: 25px; } * { 0 0 0 0 } /** 0000 div 0001 .feng { /* 0010*/ color: blue;nav a ------ 0,0,1,1 #nav p ----- 0,1,0,1 总结 : 数位之间没有进制 比如说: 0,0,0,5 + 0,0,0,5 =0,0,0,10 而不是 0,0, 1, 0, 所以不会存在10个div能赶上一个类选择器的情况。 继承问题 继承的权重为0 优先执行自己的 Document p { color: red;

PHP使用imagecreatefromstring(), imagecolorallocate()

} 效果 1536819784.JPG 改变字体颜色大小再来 1536824151.JPG 还可以添加垂直文字示例: /** * 给图片添加垂直文字 * * @param string $strImg 图片文件名 * @param string $strText 字符串内容 * @param array $arrOpt ['r','g','b','x','y','fontsize','savepath','ttf'] */ public static function addVerticalText($strImg, $strText, $arrOpt = array()){ $intR = isset($arrOpt['r']) ? } imagettftext($im, $intSize, $intAngle, $intX, $intY, $color, $strFont, $text);

CSS基础(一)

CSS基础(一) 前言 作为一个前端开发者,html+css+js是必备技能。绝大多数都认为前端的关键是js,确实如此。不过如果css基础掌握的不够好,一些莫名其妙的样式会另前端开发者很头疼,也会浪费很多时间。这里我做一个总结,供自己查阅,也希望可以帮助到一些人。 1、css三大特性——层叠、优先级、继承 当页面上有多个规则作用于同一个元素的时候,这些规则可能会冲突

前端框架及实施流程

nowrap{ white-space: nowrap;text-center {text-align: center} //Global css *{ padding: 0;height: 100

解决div里面img图片下方有空白的问题

解决div里面img图片下方有空白的问题 0001.jpg 在开发的过程中,我发现插入一张图片后,下面想紧跟着一个带背景色的div,不管我怎么折腾他都有一条白边。后来研究了一下发现自己对img标签了解的真不够深入。 image.png html代码: header /* 插入一张banner图片 */ section CSS代码 * { margin: 0; } header { height: 76px; background: rgba(255, 204, 0, 1); background: #00B3FF;banner { font-size: 0;

【CSS】文字特效(text-shadow)

【CSS】文字特效(text-shadow) HTML代码: Rabbit CSS代码: body { background: #0f93c4; text-shadow: 0 1px 0 #ccc, 0 2px 0 #c9c9c9, 0 3px 0 #bbb, 0 4px 0 #b9b9b9, 0 5px 0 #aaa, 0 6px 1px rgba(0,0,0,.2), 0 20px 20px rgba(0,0,0,.HTML代码: Rabbit CSS代码: body { background: #fbfbfb; } h1 { font-size: 5em; color: #9e110a; text-shadow: 4px 4px 0px #fff, 10px 10px 0px #cbcbcd; color: #a5536a;HTML代码: Rabbit CSS代码: body { background: #d5d8d1;

【CSS选择符】群组选择符 和 通用选择符

} 通用选择器不指定任何具体的标签类型,因此很难预测对使用各种HTML标签的网站有什么影响。 所以通用选择器里面的样式不要写得太过分,把一些基础的东西写在里面就行。比如规定margin、padding、font-size等。 滥用通用选择符,很可能会加大浏览器的渲染压力。 HTML与CSS 目录:HTML与CSS 上一篇:【CSS选择符】类选择符 和 ID选择符 下一篇:【CSS选择符】后代选择符

【CSS】继承样式

【CSS】继承样式 0019.jpg 继承是指,应用在某个标签上的CSS属性传给了内部嵌套的标签。 例如, 标签嵌套在 标签里,所以应用在 标签上的部分样式(能继承的那部分)会被 标签继承。 比如 HTML代码 .CSS代码 body { font-size: 1.2em; color: orange;

【CSS】百度百科状态栏

font-family:arial,tahoma,'Microsoft Yahei','\5b8b\4f53',sans-serif; background-color:#f3f3f3; background:#24619c; border-top:1px solid #5895d5; border-bottom:1px solid #3b92e9; background:#459df5; display: flex; height: calc(100% - 1px);nav-content-box li { width: 120px;nav-content-box li:hover{ background:#19508b; } ul.nav-content-box li ul li a { color: #a2c9f0; } HTML与CSS 目录:HTML与CSS 上一篇:【CSS】省略号 下一篇:【CSS】图片动画特效(相框)