font | 易学教程

CSS基础(1)

阅读更多关于 CSS基础(1)

1.CSS的发展历程随着HTML的成长,HTML本身自带了一些样式功能，这就导致了HTML越来越杂乱，HTML页面也越来越臃肿, 于是CSS便诞生了. 2.CSS介绍 CSS(Cascading Style Sheets) CSS通常称为CSS样式表或层叠样式表（级联样式表），主要用于设置HTML页面中的文本内容（字体、大小、对齐方式等）、图片的外形（宽高、边框样式、边距等）以及版面的布局等外观显示样式。简单来说一句话，就是用来给HTML标签设置外观样式的，让我们的HTML页面更加的丰富多彩. 3.css的书写位置(重点) 行内式就是写在标签内添加样式 <div style="color:red;font-size:130px;">今天开始学习CSS样式结构</div> 内嵌式在同一个页面的head标签的一对style标签内写样式页面结构比较简单 <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>内嵌样式的写法</title> <style type="text/css"> div { color

常见字体图标库——font-awesome

阅读更多关于常见字体图标库——font-awesome

1.简介 FontAwesome一种带有网页功能的象形文字语言，并收集在一个集合里。字库中有675个图标，只支持英文搜索，中文地址： http://www.fontawesome.com.cn/ 2.使用方法（1）在主页上下载最新版，压缩文件。（2）不用修改文件名，将文件解压后，放到项目中使用 CSS 复制 font-awesome 目录到你的项目中在 <head> 处加载font-awesome.min.css如下。 <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css"> 使用 Sass or Less 使用 LESS or SASS 来个性化自定义Font Awesome 4.7.0 复制 font-awesome/ 目录到你的项目中。打开你项目中的 font-awesome/less/variables.less 或 font-awesome/scss/_variables.scss 然后编辑 @fa-font-path 或 $fa-font-path 变量来指定字体目录。 @fa-font-path: "../font"; 字体的路径是相对于你CSS目录的。如果你使用一个静态编译器，请重新编译你的 LESS 或 SASS。当你已经知道如何开始使用Font

python-pygal画图

阅读更多关于 python-pygal画图

pygal是个非常简单且功能丰富的py画图包，折线图、柱状图、饼图等常见和不常见的图像都可轻松实现。解决中文字体问题、Linux系统乱码问题，输出PNG文件问题安装： pip install pygal 文档特别详细： http://www.pygal.org/en/stable/documentation/index.html 如下为官网折线图实例： line_chart = pygal.Line() line_chart.title = 'Browser usage evolution (in %)' line_chart.x_labels = map(str, range(2002, 2013)) line_chart.add('Firefox', [None, None, 0, 16.6, 25, 31, 36.4, 45.5, 46.3, 42.8, 37.1]) line_chart.add('Chrome', [None, None, None, None, None, None, 0, 3.9, 10.8, 23.8, 35.3]) line_chart.add('IE', [85.8, 84.6, 84.7, 74.5, 66, 58.6, 54.7, 44.8, 36.2, 26.6, 20.1]) line_chart.add('Others', [14

解决zabbix中文乱码问题

阅读更多关于解决zabbix中文乱码问题

进入Windows系统控制面板-->外观和个性化-->字体(选择一个字体文件simsun.ttc复制)进入zabbix的web服务器[root@test-zabbix]# cd ~/zabbix/assets/fonts/上传文件simsun.ttc至该目录[root@test-zabbix]# mv simsun.ttc simsun.ttf[root@test-zabbix]# vim ~/zabbix/include/defines.inc.php修改 define('ZBX_GRAPH_FONT_NAME', 'graphfont'); // font file name为 define('ZBX_GRAPH_FONT_NAME', 'simsun'); // font file name 来源： https://www.cnblogs.com/gcixx/p/11438450.html

开发必学的验证码，教你从零写一个验证码

阅读更多关于开发必学的验证码，教你从零写一个验证码

这周一写了一篇《2000字谏言，给那些想学Python的人，建议收藏后细看！》给大家讲了如何快速学习python。其中就有说到我们为什么不要执迷于框架、模块的调用，而要自己先去造轮子。那今天就给大家造一个。验证码是web开发中不可缺少的元素，而python又提供了非常多的验证码模块帮助大家快速生成各种验证码。那你知道验证码生成的原理吗？所谓知其然，还要知其所以然。面试中，面试官不会因为你对框架很熟悉就夸赞你。那今天小胖就带大家一层一层拨开验证码的衣服，看看其中的小奥秘 -<- 演示环境操作系统：windows10 python版本：python 3.7 代码编辑器：pycharm 2018.2 使用第三方模块：pillow 验证码的必须元素一张图片文本干扰元素线条干扰小圆点干扰熟悉pillow库我们既然需要使用pillow库制作验证码，那么首先我们先来熟悉一下我们需要用到的方法。 Image.new(): 这个方法可以生成一张图片，有三个参数。 mode:颜色空间模式，可以是 'RGBA','RGB','L' 等等模式 size:图片尺寸，接收一个两个整数的元祖 color:图片的填充颜色，可以是 red，green 等，也可以是rgb的三个整数的元祖。也就是背景颜色 from PIL import Image captcha = Image.new(

开发必学的验证码，教你从零写一个验证码

阅读更多关于开发必学的验证码，教你从零写一个验证码

小程序三：视图层之WXML

阅读更多关于小程序三：视图层之WXML

WXML WXML(WeiXin Markup Language)是MINA设计的一套标签语言，结合基础组件、事件系统，可以构建出页面的结构。【1】数据绑定 1.1 简单绑定数据绑定使用"Mustache"语法（双大括号）将变量包起来，可以作用于： <view> {{ message }} </view> Page({ data: { message: 'Hello MINA!' } }) 1.2 组件属性(需要在双引号之内) <view id="item-{{id}}"> </view> Page({ data: { id: 0 } }) 1.3 控制属性(需要在双引号之内) <view wx:if="{{condition}}"> </view> Page({ data: { condition: true } }) 1.4 运算可以在{{}}内进行简单的运算，支持的有如下几种方式： 1.4.1 三元运算 < view hidden="{{flag ? true : false}}"> Hidden</ view > 1.4.2 算数运算 <view> {{a + b}} + {{c}} + d </view> Page({ data: { a: 1, b: 2, c: 3 } }) view中的内容为3 + 3 + d 1.5 逻辑判断 < view wx:if

css学习归纳总结

阅读更多关于 css学习归纳总结

来源于:trigkit4 css学习归纳总结（一）选择器的分组 CSS选择器分为 1.群组选择器如：p, body, img, div{} 2.兄弟选择器如：p + p { color:#f00; } 3.属性选择器如： p[title] { color:#f00; } 4.包含（后代）选择器如：body ul li{} 5.子元素选择器如：div > p{} 6.ID选择器如：#myDiv{} 7.类选择器如：.class1{} 8.伪元素选择器如：E:first-line，E:before 9.伪类选择器如：E:first-child ，E:visited，E:focus，E:enabled 10.标签选择器如：p { font-size:1em; } 子选择器和后代选择器的区别：后代选择器的写法就是把外层的标记写在前面，内层的标记写在后面，之间用空格分隔。子选择器只对直接后代有影响的选择器，而对“孙子后代”以及多层后代不产生作用。注意：在IE6中，只支持后代选择器，不支持子选择器盒子模型 css框模型介绍：给 ul 下的 li 设置宽度，那么他们将平均掉它们所占容器的宽度。 div >ul> li> a 标签所占宽度和高度：当你为 body 元素指定 div 时，每个 div 默认的宽为浏览器的100%，高度在每个浏览器的解析都是不一样的

（五十一）c#Winform自定义控件-文字提示

阅读更多关于（五十一）c#Winform自定义控件-文字提示

前提入行已经7,8年了，一直想做一套漂亮点的自定义控件，于是就有了本系列文章。 GitHub： https://github.com/kwwwvagaa/NetWinformControl 码云： https://gitee.com/kwwwvagaa/net_winform_custom_control.git 如果觉得写的还行，请点个 star 支持一下吧欢迎前来交流探讨：企鹅群568015492 麻烦博客下方点个【推荐】，谢谢 NuGet Install-Package HZH_Controls 目录 https://www.cnblogs.com/bfyx/p/11364884.html 用处及效果 1 HZH_Controls.Forms.FrmAnchorTips.ShowTips(button1, "测试提示信息\nLEFT", AnchorTipsLocation.LEFT); 2 HZH_Controls.Forms.FrmAnchorTips.ShowTips(button1, "测试提示信息\nRIGHT", AnchorTipsLocation.RIGHT); 3 HZH_Controls.Forms.FrmAnchorTips.ShowTips(button1, "测试提示信息\nTOP", AnchorTipsLocation.TOP); 4

如何使用属性选择器

阅读更多关于如何使用属性选择器

属性选择器介绍属性选择器可以根据元素的属性及属性值来选择元素。属性选择器有什么好处呢，如：可以通过标签的属性名和属性值来匹配对应的元素。 attr 是英文单词 attribute 的简写，中文意思就是属性或属性名。 val 是英文单词 value 的简写，中文意思就是值或属性值。属性选择器必须使用 [] 中括号。属性选择器说明表属性名描述举例 [attr] 匹配指定的属性名的所有元素。 [align]{color: red;} [attr=val] 匹配属性等于指定的值所有元素。 [align=center]{color: red;} [attr^=val] 匹配属性以指定的属性值开头的所有元素 [color^="#f"]{color :mediumblue;} [attr$ =val] 匹配属性以指定的属性值结尾的所有元素 [color$="aa"]{color :mediumblue;} [attr*=val] 匹配属性中包含指定的属性值所有元素 [color*="aa"]{color :mediumblue; } 属性名为[attr]使用方式让我们进入属性名为 [attr] 实践，实践内容如：将 HTML 页面中的属性名为 align 元素文本颜色设置为红色。代码块 <!DOCTYPE html> <html lang="en"> <head

订阅 font