font | 易学教程

1114 CSS基础

阅读更多关于 1114 CSS基础

目录 CSS入门标签设置长宽 1.字体样式 1.1 字体类型 font-family 1.2 字体大小 font-size 1.3 字体颜色 color 1.4 字体粗细 font-weight 1.5 文本斜体 font-style 2.文本样式 2.1 文本对齐 text-align 2.2 文字装饰 text-decoration 2.3 首行缩进 text-indent 4.背景样式 4.1 背景颜色 background-color 4.2 背景图片 background-image 4.3 背景重复 background-repeat 4.4 背景位置 background-position 4.5 背景固定样式 background-attachment 5.边框属性 5.1 边框样式 border 5.2 边框局部样式 border局部 5.3 圆,圆角边框 border-radius 6.display 显示方式定义使用同行显示 display: inline 异行显示 display: block; 兼并 display: inline-block; 标签特性 7.盒子模型 7.1 margin: 外边距 7.2 border: 边框 7.3 padding: 内边距 7.4 content: 内容区域 8. 浮动布局 float 8.1 三种取值 8

css font属性

阅读更多关于 css font属性

常用的css属性、 color 字体颜色属性值 : 颜色单词颜色 16 进制标示方法 #fffffff; rgb() r 代表 red g 代表 green b 代表 blue Rgb 中的值 0-255 之间的任意数字 font的特性 1. font-family 字体系列字型属性值 “微软雅黑” 2. font-style 字体样式 Normal 默认值标准的字体 3. Italic 斜体 4. font-weight 字体的粗细属性值 normal==400 400 以下是细 400 以上是加粗。 5. font-variant 将字母变成大写属性值 normal 默认 small-caps 转变成大写 f ont的简写可设置的属性是（按顺序）： "font-style font-variant font-weight font-size/line-height font-family" font-size和font-family的值是必需的。如果缺少了其他值，默认值将被插入，如果有默认值的话。来源： https://www.cnblogs.com/wanglei2/p/11884849.html

CSS字体属性 font属性

阅读更多关于 CSS字体属性 font属性

CSS的所有字体属性： ·-· font　　　　　在一个声明中设置所有的字体属性 ·-· font-family　　指定文本的字体系列 ·-· font-size　　　指定文本的字体大小（属性值是整数字，不要带小数，单位是px叫做像素单位；凡是由像素拼成的图片我们叫位图。不是由像素拼成的图我们叫矢量图。　　　　　　　　　　　　　　　　　　　　位图放大会模糊，矢量图放大不会模糊。） ·-· font-style　　　指定文本的字体样式 ·-· font-variant　　以小型大写字体或者正常字体显示文本（属性值normal默认 small-caps转变成大写） ·-· font-weight　　指定字体的粗细（属性值normal==400 400以上是加粗） font属性定义及使用说明： font 简写属性在一个声明中设置所有字体属性。可设置的属性是（按顺序）：“font-style font-variant font-weight font-size/line-height font-family” font-size 和font-family的值是必需的。如果缺少了其他值，默认值将被插入，如果有默认值的话。注意：line-height属性设置行与行之间的空间默认值： not specified 来源： https://www.cnblogs

关于css中的字体样式

阅读更多关于关于css中的字体样式

1、决定字体的属性　　color：字体颜色属性值：单词，十六进制表示，rgb 2、字体大小　　font-size:12px；属性值是整数字，不要带小数，单位是px叫做像素单位；凡是由像素拼成的图片我们叫位图。不是由像素拼成的图我们叫矢量图。　　位图放大会模糊，矢量图放大不会模糊。 3、font-family字体系列、字型　　属性值“微软雅黑” 4、font-style字体样式　　normal默认值标准字体　　italic斜体 5、font-weight字体粗细　　属性值normal==400 400以上是加粗。 6、font-variant将字母变成大写　　属性值normal默认 small-caps转变成大写注意　　font简写属性在一个声明中设置所有字体属性。　　可设置的属性是（按顺序）：“font-style、font-variant、font-weight、font-size/line-height、font-family。” 　　font-size和font-family的值是必须的。如果少了其他值，默认值将被插入，如果有默认值的话。　　来源： https://www.cnblogs.com/zhangyuxinxin/p/11882787.html

（十一）第三方图标库

阅读更多关于（十一）第三方图标库

使用第三方图标库用过Elment的同鞋都知道，Element UI提供的字体图符少之又少，实在是不够用啊，幸好现在有不少丰富的第三方图标库可用，引入也不会很麻烦。 Font Awesome Font Awesome 提供了675个可缩放的矢量图标，可以使用CSS所提供的所有特性对它们进行更改，包括：大小、颜色、阴影或者其它任何支持的效果。 Font Awesome 5 跟之前的版本使用方式差别较大，功能是强大了，图标也更丰富了，但使用也变得更加复杂了。本人还是比较喜欢之前的使用方式，安装容易，使用简单，毕竟我的需求也没那么复杂，只是简单的有图标可用就行了。网上相关介绍很多，这里就不废话了，更多详情参见，官方网址： http://fontawesome.dashgame.com/ 安装依赖执行以下命令，安装 font-awesome 依赖。 npm install font-awesome --save 项目引入在项目 main.js 中引入css依赖。 import 'font-awesome/css/font-awesome.min.css' 页面使用项目引入之后，直接在页面使用就可以了。测试效果看到没，就是这么简单，就是这么好用，这也是本人最喜欢的使用方式。另外还可以选择CDN方式，下载方式等等，这里就不说了，有兴趣自行查阅。官方网址： http:/

迷宫小游戏

阅读更多关于迷宫小游戏

迷宫小游戏 <html lang="zh-CN" class="translated-ltr"> <head> <meta charset="UTF-8"> <title>迷宫</title> <style type="text/css"> canvas { display: block; margin: 50px auto; box-shadow: -2px -2px 2px #F3F2F2, 5px 5px 5px #6F6767; } body { margin: 0; padding: 0; font-family: "Microsoft YaHei", "微软雅黑", "consolas"; background: #fbecc3; background-attachment: fixed; } a { text-decoration: none; color: #000; } .navbar { background-color: #000; width: 100%; height: 50px; } .container { width: 1000px; margin: 0 auto; } .navbar .navbar-content-1 a { float: left; color: #FFF; line-height: 50px; display: inline

（数据科学学习手札71）在Python中制作个性化词云图

阅读更多关于（数据科学学习手札71）在Python中制作个性化词云图

本文对应脚本及数据已上传至我的 Github 仓库 https://github.com/CNFeffery/DataScienceStudyNotes 一、简介　　词云图是文本挖掘中用来表征词频的数据可视化图像，通过它可以很直观地展现文本数据中地高频词：图1 词云图示例　　在 Python 中有很多可视化框架可以用来制作词云图，如 pyecharts ，但这些框架并不是专门用于制作词云图的，因此并不支持更加个性化的制图需求，要想创作出更加美观个性的词云图，需要用到一些专门绘制词云图的第三方模块，本文就将针对其中较为优秀易用的 wordcloud 以及 stylecloud 的用法进行介绍和举例说明。二、利用wordcloud绘制词云图　　 wordcloud 是Python中制作词云图比较经典的一个模块，赋予用户高度的自由度来创作词云图：图2 wordcloud制作词云图示例 2.1 从一个简单的例子开始　　这里我们使用到来自wordcloud官方文档中的 constitution.txt 来作为可视化的数据素材：图3 constitution.txt 　　首先我们读入数据并将数据清洗成空格分隔的长字符串： import re with open('constitution.txt') as c: '''抽取文本中的英文部分并小写化

字体基础知识与实际运用

阅读更多关于字体基础知识与实际运用

参考带你了解字体的基础知识字体基础知识术语字形和字体现在通常被翻译为「字体」的 Font 在传统印刷界是指特定尺寸、特定字重、字偶间距等信息的一种 Typeface，比如「尺寸 14pt，字重为 Bold 的 Helvetica」就是一个 Font，而这里的 Helvetica 就是它的 Typeface。不过现在 Font 通常不再包括尺寸了，与铸模的时代不同，计算机里的字体尺寸可以很轻易的改变。 Typeface 的另一个称呼是 Font family （字族），这个词实际上比 Typeface 更好理解且不容易混淆，能很明显的表达出 Font 是 Font family 的子集的意思，所以在 HTML & CSS 的标准中使用的是 Font family（字族）。简单来说「Helvetica」是一个 Typeface，而指定具体的字重：「Helvetica Bold」，这就是 Font 了。还有一个概念是 Glyph ，它表示的是字的某种写法或者说字体的「骨骼」，比如字母 \(a\) 和 ɑ 就是 Glyph 不同，涙 – 泪、強 – 强也是 Glyph 的不同。而 Font、Typeface 和 Glyph 在中文里的翻译就乱七八糟了，按照国家标准（GB/T 16964）应该是：英文国标 Font 字型 Typeface 字体 Glyph 字形然而

CSS基础

阅读更多关于 CSS基础

css语法:选择器{声明}; 声明由 css属性:属性值; 组成 p{background-color: #ccc;} css属性 width 宽度(单位：px) height 高度（单位:px） background-color 背景颜色(颜色的英文或者十六进制颜色) color 字体颜色 font-size 字体大小 …… css注释 /*h3{width:300px;}*/ 单行注释 /* p{ width:300px; height: 300px; } */多行注释 css样式表 1.内部样式表：将css语法写在style标签里面，而style标签写在head里面。作用域是本页面上。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>Document</title> <style> h3{ width:300px; height:300px; background-color:red; } </style> </head> <body> <h3>内部样式表</h3> </body> </html> 2.外部样式表：新建一个css文件，在css文件里写css语法.接着在html文件里通过link标签（写在head里面）的href属性链接到该css文件

HTML

阅读更多关于 HTML

1.html5的新特性文件类型声明（<!DOCTYPE>）仅有一型：<!DOCTYPE HTML>。新的解析顺序：不再基于SGML。绘画 canvas; 用于媒介回放的 video 和 audio 元素; 语意化更好的内容元素:article、footer、header、nav、section; 表单控件:calendar、date、time、email、url、search; input元素的新类型：date, email, url等。新的技术: webworker, websocket, Geolocation; 新的属性：ping（用于a与area）, charset（用于meta）, async（用于script）。全域属性：id, tabindex, repeat。新的全域属性：contenteditable, contextmenu, draggable, dropzone, hidden, spellcheck。新应用程序接口: HTML Geolocation HTML Drag and Drop HTML Local Storage HTML Application Cache HTML Web Workers HTML SSE HTML Canvas/WebGL HTML Audio/Video 移除的元素：纯表现的元素：basefont，big

订阅 font