font

CSDN博客常用原生HTML标签汇总

吃可爱长大的小学妹 提交于 2019-12-26 04:50:47
场景一:给文字添加块背景,一般在文章总结处使用 标签: < blockquote > 总结:今天天气不错 </ blockquote > 效果: 总结:今天天气不错 场景二:字体、大小、颜色处理 标签: < font size = " 3 " color = " red " > This is some text! </ font > < font size = " 2 " color = " blue " > This is some text! </ font > < font face = " verdana " color = " green " > This is some text! </ font > 效果: This is some text! This is some text! This is some text! 参考:https://zhidao.baidu.com/question/557299414.html 来源: CSDN 作者: BeautyWoman 链接: https://blog.csdn.net/Brave_heart4pzj/article/details/103695892

font拓展字体

这一生的挚爱 提交于 2019-12-26 04:47:10
最近接触了一个将字体拓展的方法,感觉很不错,所以积累一下。 最近接触的项目一直再用antd,它本身已经提供了很多图标,但是依然不够用,所以需要我们拓展出来一些。 当我们下载到本地之后,就会有几个文件,我们只需要将这几个文件引入到项目中,就可以使用了 .iconfont-mixin() { &:before { font-family:"anticon","anticon_user" !important; } } //上面的方法可以将anticon字体拓展出来,变成原来的anticon和anticon_user的并集,这一句很关键,可以覆盖less的所有字体文件 @font-face {font-family: "anticon_user"; src: url('iconfont.eot?t=1466754517'); /* IE9*/ src: url('iconfont.eot?t=1466754517#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('iconfont.woff?t=1466754517') format('woff'), /* chrome, firefox */ url('iconfont.ttf?t=1466754517') format('truetype'), /* chrome,

CSS自定义字体(@font-face选择符)

爱⌒轻易说出口 提交于 2019-12-26 04:17:38
@font-face 是 CSS 中的一个模块,他主要是把自己定义的Web字体嵌入到你的网页中,随着 @font-face 模块的出现,我们在Web的开发中使用字体不怕只能使用Web安全字体。 语法规则: @font-face { font-family: <YourWebFontName>; src: <source> [<format>][,<source> [<format>]]*; [font-weight: <weight>]; [font-style: <style>]; } YourWebFontName: 你自定义的字体名称; source: 此值指的是你自定义的字体的存放路径,可以是相对路径也可以是绝路径; format: 此值指的是你自定义的字体的格式,主要用来帮助浏览器识别,其值主要有以下几种类型:truetype,opentype,truetype-aat,embedded-opentype,avg等; weight和style:这两个值大家一定很熟悉,weight定义字体是否为粗体,style主要定义字体样式,如斜体。 兼容浏览器 说到浏览器对@font-face的兼容问题,这里涉及到一个字体format的问题,因为不同的浏览器对字体格式支持是不一致的,这样大家有必要了解一下,各种版本的浏览器支持什么样的字体,前面也简单带到了有关字体的几种格式

web前端开发——css

江枫思渺然 提交于 2019-12-26 03:51:17
一、css介绍 1、css是什么? Cascading Style Sheets缩写,层叠样式表。样式定义如何显示HTML元素,样式通常又会存在于样式表中。 2、为什么需要css? 使HTML页面变得美观; 将HTML页面的内容与样式分离; 提高web开发的工作效率。 3、css的优势 内容与表现分离 网页的表现统一,容易修改 丰富的样式,使页面布局更加灵活 减少网页的代码量,增加网页浏览器速度,节省网络带宽 运用独立页面的css,有利于网页被搜索引擎收录 二、css语法 css语法分为两部分:选择器和声明。 如: h3{ width: 300px; color: red; } h3为选择器,{ }内的内容就是声明,它包含了属性与属性值。 三、css引入方式 1、引入方式有三种:   1.行内样式(内联样式)   2.内接样式(内嵌方式)   3.外接样式       3.1 链接式     3.2 导入式 2、行内样式: 直接在标签头里面定义样式。 <!doctype html> <html> <head> <meta charset="utf8"> </head> <body> <p style="color: blue;">这是一个p标签!</p> </body> </html> 3、内接样式: 使用<style>标签在<head>标签里面定义内容的样式。 <!doctype

css整理-02 颜色和字体

旧城冷巷雨未停 提交于 2019-12-25 23:24:11
颜色 命名颜色 RGB指定颜色 数值: 0-255 百分比 三元组:红绿蓝 16进制RGB web安全颜色 在256色计算机系统上总能避免抖动的颜色 表示为rgb值20%和51的倍数 web安全色的简写16进制是0,3,6,9,C,F 长度单位 绝对长度单位 in, cm, mm, pt, pc 实际中几乎不使用 相对长度单位 印刷度量单位: em, ex ,像素: px 度量的实际距离可能因为屏幕分辨率,可视区的宽度,用户选择等原因而改变 1个 em 定义为一种给定字体的font-size值; (实际上是高度值) ex 指的是所用字体中小写x的高度;如果两段文本像素相同但字体不同, ex 值也会不同 选择 最好的度量单位是相对长度单位,特别是 em 大部分情况下`1ex = 0.5em` 除了设置文本大小,对于元素的其他方面更适合像素,如边框,定位; 字体系列 特定字体系列 通用字体系列 Serif: 字体成比例并且又上下短线 Sans-serif: 字体成比例,没有上下短线 Monospace: 字体不成比例,通常用于模拟打印机打出的文本 Cursive: 不成比例,模范人手写的文本 Fantasy: 无法用任何特征来定义 使用 直接使用通用字体,用户代理会选择一个特定字体 直接使用特定字体,但如果没有这个字体,则会使用默认字体 由于上面的原因,一般使用特殊字体加通用字体的格式

CSS基础

不想你离开。 提交于 2019-12-25 22:44:14
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文件

写给新手的教程(二)----- css入门(1)

你。 提交于 2019-12-25 22:29:19
css用于控制文档样式,包括但不限于字体,宽高,背景,边框等 先简单介绍一些常用css属性 1.width和height (宽高) 这应该是最基本的显示属性了。 你可以直接指定一个块级元素(比如div)的宽和高。 如: <div style="width:100px;height:100px;background:#fd0;"></div> 行内元素(如a)的宽高由其内部元素决定,直接指定,无效。 如: <a style="width:10px;height:200px;background:#fd0;">这是一段长长地文本</a> 初学者知道 width 和 height 设置宽高就足够,其他的作为了解,遇到问题再回头搜索查询即可。 2.background (背景) 准确说,background是一堆属性的简写集合。 background-color(背景色):#999,#123456,rgb(0,0,0),red等; background-image (背景图像): url("path/bgFile.gif"); background-repeat (重复方式): repeat-x ,repeat-y , repeat , no-repeat; background-attachment (背景图片的固定方式): fixed , scroll; background

AJ未中签的turtle表达法

Deadly 提交于 2019-12-25 11:56:56
13(a)20181702029,陈朋阳  20181603233,卢彤 (b)源代码如下 import turtle t=turtle t.speed(0) t.setup(1300,720) #画轮廓 t.penup() t.goto(300,300) t.pensize(10) t.pendown() t.begin_fill() t.seth(-90) t.forward(400) t.seth(180) t.forward(500) t.left(180) t.circle(300,-25) t.seth(70) t.forward(50) a=t.xcor() b=t.ycor() t.seth(10) t.forward(130) t.seth(47) t.forward(280) t.seth(80) t.forward(120) t.goto(300,300) t.color("#9C661F") t.end_fill() #画细节 t.goto(300,300) t.pencolor("black") t.begin_fill() t.pensize(7) t.seth(-90) t.forward(20) t.seth(175) t.forward(230) t.seth(90) t.forward(20) t.color("black") t.end

Markdown超详细使用说明

可紊 提交于 2019-12-25 06:52:44
原文地址: 点击查看 内容摘要 介绍了Markdown的来源,使用场景,并以丰富的示例,详细介绍了Markdown的各种语法,帮助大家更好的使用Markdown。 如果您觉得有用,也欢迎将本文推荐给您的朋友。 什么是Markdown Markdown是一种轻量级标记语言,通过纯文本的方式编写文档,然后再通过工具转化成HTML,PDF,图片等格式,实现Write Once,Read Everywhere的效果。 更详细的定义参见 维基百科 Markdown示意图: 使用Markdown的好处是什么呢 Markdown是一种纯文本标记语言,那么纯文本标记语言有什么好处呢? 方便编辑。任何一个文本编辑器就可以编辑,连大家熟悉的Windows记事本也可以。让编写者专注于内容,而不是格式。是否有为了调整不听话的编辑器(好吧,我说的就是word)的格式而浪费大量时间的经历? 可以放到版本管理系统中,追踪历史变更。这对码农们来说太重要了,这样文档可以和程序代码一起放版本管理系统中了。如果你不清楚版本管理系统,只需要把它理解成可以永久追踪的修改历史记录即可(版本管理系统可以另开一篇文章了)。这样,多人协作编辑的时候,也不用担心文档被改坏了。 要把时间放在制造优质内容上,而不是调整文档格式。(想起了多年前做研究生论文的时候。。。) Markdown的历史 Markdown由John

浮动广告代码

假装没事ソ 提交于 2019-12-25 01:32:07
浮动广告代码 <div id="img" style="position:absolute;; width: 200; height: 151">广告内容</div> <script LANGUAGE="JavaScript"> var xPos = 20; var yPos = 10; img.style.left= xPos; img.style.top = yPos; var step = 1; var delay = 30; var width,height,Hoffset,Woffset; var y = 1; var x = 1; var interval; img.visibility = "visible"; function changePos() { width = document.body.clientWidth; height = document.body.clientHeight; Hoffset = img.offsetHeight; Woffset = img.offsetWidth; if (y) { yPos = yPos + step; } else { yPos = yPos - step; } if (yPos < 0) { y = 1; yPos = 0; } if (yPos >= (height - Hoffset)) { y =