font | 易学教程

Visual Studio Code 修改字体

阅读更多关于 Visual Studio Code 修改字体

下载安装想要更换的字体，这里以 Fira Code 字体为例。 Fira Code 字体的下载地址： https://github.com/tonsky/FiraCode 下载解压后安装字体，windows 可以选择 ttf 文件夹，安装里面的全部字体。打开 VSC，点击左下角的图标，选择 Settings，然后搜索font，在 Font Family 加上 "Fira Code"。重启 VS code 就能看到字体设置成功了。注： settings 中 Font Size 可以修改字体大小 Font Ligatures 启用连字 Font Size 控制字号 Font Weight 控制字体粗细来源： https://www.cnblogs.com/wulitaotao/p/11664362.html

工具类css框架

阅读更多关于工具类css框架

@charset "UTF-8"; * { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } html { font-size: 13px; } body { margin: 0; font-family: Arial, Helvetica, sans-serif; line-height: 1.2em; background: #f1f1f1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } a { color: #999; } .w-100 { width: 100%; } .h-100 { height: 100%; } .text-info { color: #4b67af; } .bg-info { background: #4b67af; } .text-primary { color: #db9e2f; } .bg-primary { background: #db9e2f; } .text-white { color: #fff; } .bg-white { background: #fff; } .text-light { color: #f9f9f9; } .bg

sass的语法及其用法

阅读更多关于 sass的语法及其用法

1、sass语法 1.1 css的编译模式 css --- 普通 sass / scss --- 高效 // ********* less --- 高效 1.2 sass介绍来源： ruby语言基础的版本，后缀名为sass：没有{},只能通过缩进来实现 -- 可读性差、难以维护 // css .box {width: 100px} // .sass .box width: 100px; // 据说是这样 .scss 后缀 --- 可读性高、便于维护 html { background: red } // scss语法--嵌套 --- 权重 .box { color: blue; .test { font-size: 20px; } } // ==》 .box {color: blue;} .box .test { font-size: 20px;} 1.3 如何使用scss 最终需要使用的是css文件，编写的scss文件转换工具 gulp / webpack / ruby工具 / 编辑器插件选用gulp来处理scss文件 2、sass用法 2.1 安装 sass 模块 cnpm i gulp-sass -S (推荐) cnpm i gulp-sass-china -S 2.2 配置处理scss文件gulp的任务 gulp.task('scss2css', () => {

购物车，实现增删改查；无bug，还有一个直接修改购物车数量功能未实现

阅读更多关于购物车，实现增删改查；无bug，还有一个直接修改购物车数量功能未实现

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>购物车</title> <link rel="stylesheet" href="assets/css/cssreset.css"> <link rel="stylesheet" href="css/login.css"> <link rel="stylesheet" href="assets/css/cosmetics.css"> <link rel="stylesheet" href="assets/font-awesome-4.5.0/css/font-awesome.css"> <link rel="stylesheet" href="assets/css/bootstrap.css"> <style> .content{ width: 1903px; height: auto; background: url("assets/img/bg.jpg"); } .content{ background: url("assets/img/bg.jpg"); background-size: cover; width: 100%; height: auto; } .content .title{ width: 1200px; height:

Python生成图片验证码

阅读更多关于 Python生成图片验证码

方式一: # -*- coding: utf-8 -*- import random,os import string # pip install Pillow # Image:是一个画板(context),ImageDraw:是一个画笔, ImageFont:画笔的字体 from PIL import Image,ImageDraw,ImageFont from common_utils.lqredis import SiteRedis # Captcha验证码 class Captcha(object): # 把一些常量抽取成类属性 #字体的位置 font_path = os.path.dirname(os.path.realpath(__file__)) + '/verdana.ttf' #生成几位数的验证码 number = 4 #生成验证码图片的宽度和高度 size = (100,30) #背景颜色，默认为白色 RGB(Re,Green,Blue) bgcolor = (255,255,255) #随机字体颜色 fontcolor = (random.randint(0,100),random.randint(0,100),random.randint(0,100)) # 验证码字体大小 fontsize = 25 #随机干扰线颜色。 linecolor =

less使用

阅读更多关于 less使用

/------------------------------------- ├ 布局 ┆ └------------------------------------/ // 盒子宽高 .size(@w, @h) { width: @w; height: @h; } // 最小尺寸, 兼容IE6 .min-width(@min-w) { min-width: @min-w; _width: @min-w; } .min-height(@min-h) { min-height: @min-h; _height: @min-h; } // 内联块级元素, 兼容IE6 .dib() { display: inline-block; *display: inline; *zoom: 1; } // 固定定位, 兼容IE6 .fixed() { position: fixed; _position: absolute; *zoom: 1; } // 统一盒模型 .border-box() { *, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } } // 文字图片居中 .center(text-x) { text-align:

JavaEE-实验四 HTML与JSP基础编程

阅读更多关于 JavaEE-实验四 HTML与JSP基础编程

1.使用HTML的表单以及表格标签，完成以下的注册界面（验证码不做） html代码（css写于其中） <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> body{ width: 500px; margin: 10px auto; } form{ display: inline-block; width: 500px; font-size: 10px; border: 1px solid #ccc; padding: 20px; } p{ display: inline-block; margin: 0 5px; color: red; } input{ box-shadow: -1px -1px 1px #888888; padding: 2px 7px; } .text{ display: inline-block; width: 100px; text-align: right; margin-right: 20px; } .line{ margin: 10px auto; } .sex{ width: 45px; } .place{ width: 55px; } .button{ margin-left: 120px;

Walk源码剖析

阅读更多关于 Walk源码剖析

1 概述 lxn/walk windows 源码笔记 lxn/wak是使用windows api封装起来用go语言表达的一整套ui框架源码位置如下 https://github.com/lxn/walk/ 代码简单，好借鉴。 ui包装的方式是基础的handle组合，而不是directui方式 2 event基础 2.1 事件event 描述一个事件 event => 事件的侦听者们 Attach Detach EventPublisher => 事件的发布者们 Publish 2.2 校验器validator 描述一个数据的校验方式 Validate(v interface{}) error 自带有rangvalidate,regexvalidate和selectvalidate 2.3 属性property 描述一个属性 Get,Set,ReadOnly Changed()获取事件倾听者们 Source,SetSource，属性源，可以为另外一个属性，从而实现属性绑定 Validator,SetValidator，设置校验器 3 gdi基础 3.1 字体(font) func NewFont(family string, pointSize int, style FontStyle) (*Font, error) 通过传入famiy,pointSize

Walk源码剖析

阅读更多关于 Walk源码剖析

CSS字体样式属性

阅读更多关于 CSS字体样式属性

font-size:字号大小 font-size属性用于设置字号，该属性的值可以使用相对长度单位，也可以使用绝对长度单位。其中，相对长度单位比较常用，推荐使用像素单位px，绝对长度单位使用较少。具体如下： font-family:字体 font-family属性用于设置字体。网页中常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑，可以使用如下CSS样式代码： p{ font-family:"微软雅黑";} 可以同时指定多个字体，中间以逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直到找到合适的字体。技巧 1. 现在网页中普遍使用14px+。 2. 尽量使用偶数的数字字号。ie6等老式浏览器支持奇数会有bug。 3. 各种字体之间必须使用英文状态下的逗号隔开。 4. 中文字体需要加英文状态下的引号，英文字体一般不需要加引号。当需要设置英文字体时，英文字体名必须位于中文字体名之前。 5. 如果字体名中包含空格、#、$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-family: "Times New Roman";。 6. 尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示。 CSS Unicode字体在 CSS 中设置字体名称，直接写中文是可以的。但是在文件编码（GB2312、UTF-8 等

订阅 font