font | 易学教程

CSS引入方式与选择器

阅读更多关于 CSS引入方式与选择器

参考 https://www.cnblogs.com/yuanchenqi/articles/5977825.html 引入方式方法一（标签里设置） <!DOCTYPE html> <html> <head> <title>Python</title> <link rel="icon" href="https://common.cnblogs.com/favicon.ico"/> <meta charset="utf-8"> </head> <body> <div style="color: #ffff77;background: crimson">你好</div> </body> </html> 方法二（head里面设置） <!DOCTYPE html> <html> <head> <title>Python</title> <link rel="icon" href="https://common.cnblogs.com/favicon.ico"/> <meta charset="utf-8"> <style> #hello{ color: crimson; background: cyan; } </style> </head> <body> <div id="hello">你好</div> </body> </html> 方法三(引入link 主要使用方法) <

商城项目日结5

阅读更多关于商城项目日结5

今天完成了商城的购物车功能，并细化了css样式使页面看起来更加舒适。项目地址购物车代码如下： html： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="../lib/bootstrap/dist/css/bootstrap.css"> <link rel="stylesheet" href="../css/reset.css"> <link rel="stylesheet" href="../css/common.min.css"> <link rel="stylesheet" href="../css/index.css"> <link rel="stylesheet" href="../css/footer.css"> <link rel="stylesheet" href="../css/cart.css"> </head> <body style="background-color: #fff;">  <div class=

python用matplotlib画折线图

阅读更多关于 python用matplotlib画折线图

1、 from matplotlib import pyplot as plt x=range(2,26,2) y=[15,13,14.5,17,20,25,26,26,24,]22,18,15 fig=plt.figure(figsize=(20,8),dpi=80)#设置图片大小 plt.plot(x,y) #plt.xticks(x)#设置x轴刻度plt.xticks(range(2,26,1)) #精细设置刻度 _xtick_labels=[i/2 for i in range(4,49)] #plt.xticks(_xtick_labels)#全取 plt.xticks(_xtick_labels[::3])#每隔3取一个 #plt.savefig("./t1.png")#保存图片 plt.yticks(range(min(y),max(y)+1))#y轴设置最大最小 plt.show() 2、 from matplotlib import pyplot as plt import random import matplotlib #画10点到12点的气温变化图 x=range(0,120) y=[random.randint(20,35) for i in range(120)] plt.figure(figsize=(20,8),dpi=80) plt.plot(x

汇总css布局模型和常见代码缩写与长度单位

阅读更多关于汇总css布局模型和常见代码缩写与长度单位

知识点一：css布局模型：布局模型是建立在盒模型基础之上，在网页中，元素有三种布局模型：1.流动模型（Flow）2.浮动模型 (Float)3.层模型（Layer）。一、流动模型：默认的网页布局模式。也就是说网页在默认状态下的 HTML 网页元素都是根据流动模型来分布网页内容的‘；特征1.块状元素都会在所处的包含元素内自上而下按顺序垂直延伸分布，原因？默认状态下，块状元素的宽度都为100%，导致块状元素都会以行的形式占据位置。特征2.内联元素都会在所处的包含元素内从左到右水平分布显示。二、浮动模型：块状元素独占一行，如果想让两个块状元素并排显示，怎么办呢？通过浮动使元素脱离默认文档流。拓展阅读： float布局打破标准流,神助攻clear清浮动三、层布局模型：层布局模型就像是图像软件PhotoShop中非常流行的图层编辑功能一样，每个图层能够精确定位操作，但在网页设计领域，由于网页大小的活动性，层布局没能受到热捧。但是在网页上局部使用层布局还是有其方便之处的。如何让html元素在网页中精确定位，就像图像软件PhotoShop中的图层一样可以对每个图层能够精确定位操作。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>流动模型、浮动模型</title> 6 <style type=

font字体

阅读更多关于 font字体

1、font-size:大小作用：用于设置字号 p{ font-size:20px; } 单位可以使用相对长度单位，也可以使用绝对长度单位相对长度单位比较常用，推荐使用像素单位，绝对单位使用较少相对长度说明 em 相对于当前对象内文本的字体尺寸 px 像素，最常用，推荐使用绝对长度单位说明 in 英寸 cm 厘米 mm 毫米 pt 点 2、font-family：字体作用：设置字体 p{font-family:“微软雅黑”；} 网页中最常用的字体有宋体、微软雅黑、黑体等，例如将网页中所有段落文本的字体设置为微软雅黑可以同时指定多个字体，中间一逗号隔开，表示如果浏览器不支持第一个字体，则会尝试下一个，直接找到合适的字体 p{font-family:Arial,“Microsoft Yahei”,“微软雅黑”；} 常用技巧：各种字体之间必须使用英文状态下的逗号隔开中文字体必须用英文状态下的引号，英文字体一般不需要加引号，当需要设置英文字体时，英文字体名必须位于中文字体名之前如果字体名之前包含空格，#，$等符号，则该字体必须加英文状态下的单引号或双引号，例如font-family:“Times New Roman”;. 尽量使用系统默认字体，保证在任何用户的浏览器中都能正确显示 3、font-weight:字体粗细

windows 上emacs配置

阅读更多关于 windows 上emacs配置

1. 下载 2. 安装 3. 修改 HOME 路径 4. 创建 .emacs 和 .emacs.d 5. 配置（通过修改.emacs和使用插件达到某种效果） 5.1 基本设置 5.2 修改字体 5.3 设置主题(使用color-theme.el) 5.4 设置缩进(回车自动缩进，tab = 4) 5.5 修改鼠标形状 5.6 启动时最大化窗口参考资料 1. 下载在 http://ftp.gnu.org/pub/gnu/emacs/windows/emacs-24.1-bin-i386.zip 下载 emacs-24.1-bin-i386。解压到你喜欢的位置。 2. 安装双击 /bin/addpm.exe ，把快捷方式复制到桌面，以后方便使用。 3. 修改 HOME 路径 (1) 右键计算机 -> 高级系统设置 -> 环境变量 -> 新建一个系统变量 -> 变量: HOME, 值: D:\Program Files\emacs 。 (2) 重启计算机 [我的计算不重启，没有效果]。 4. 创建 .emacs 和 .emacs.d (1) 打开 emacs 在 options 下面随便点一点，然后点 Save options。 (2) 打开路径 D:\Program Files\emacs 会发现出现了两个文件 .emacs 和 .emacs.d 。 5. 配置（通过修改

web前端01

阅读更多关于 web前端01

l W3C标准：结构（HTML描绘页面骨架），样式表现（CSS），行为（JS） l Html(超链接标记文本)，纯文本只能保存文本内容，音频视频都不能。 l 纯文本作为网页后缀html l 标签：用标签标记一级标题等。 <标签名（如：h1）> 标签有开始也有结束， <h1>this my firt web</h1>. l 根标签<\html>（一个页面只有一个根标签），所有内容均写到根标签里面 l 有两个子标签， <html><head></head><body></body></html> ,head body 兄弟标签 l 标准结构 <!doctype html> <html> <head> <meta character="utf-8" /> <title></title>(显示在网页的标题栏) </head> <body>  <h1>这是我的<font color="red"></h1> <h2> </h2> <h3> </h3> <p>楚河<br /> 汉界<br /> </p> </body> </html> l Head标签内容不显示在用户端，设置信息让浏览器看从而帮助浏览器解析 l Body显示用户页面中所有可见内容 l 不希望别人动可以写注释 l 超链接里的字就是tittle l <font></font> 设置字体

博客界面美化

阅读更多关于博客界面美化

www.cnblogs.com/shaokele/ 美化无止境，还是学OI ！！！美化无止境，还是学OI ！！！美化无止境，还是学OI ！！！催更请留言～～博主很懒～～我的博客皮肤是Simple Memory 由于背景图比较高清，部分设备可能显示的很慢：）背景图可以自己换，修改代码第三行的网址即可现在的版本： “页面定制CSS代码” body { color: #000; background: url(https://i.loli.net/2018/07/18/5b4f176e73e07.png) fixed; background-size: cover; background-repeat: repeat; font-family: "微软雅黑","Helvetica Neue",Helvetica,Verdana,Arial,sans-serif; font-size: 12px; min-height: 101%; } #home { opacity: 0.8; margin: 0 auto; width: 80%; min-width: 950px; background-color: #fff; padding: 30px; margin-top: 30px; margin-bottom: 50px; box-shadow: 0 2px 6px rgba

PlantUML绘制软件时序图demo

阅读更多关于 PlantUML绘制软件时序图demo

注: 以下参考源码未使用第三方库, 例如: plantuml-style-c4等. 本文仅针对时序图, 其他图形, 参考官方的文档即可. Good Luck~ 推荐的基本环境: VScode + PlantUML 插件, Tips: * 源码文件名应为 ***.puml * 实时预览使用快捷键: Alt+D * 到处png使用: Ctrl+Shift+P , 然后选择: "PlantUML: Export current digram" -> "png" 即可 * 符号补全也推荐使用 Tabnine 插件参考资料: 时序图相关: https://plantuml.com/zh/sequence-diagram 皮肤参数相关: https://plantuml-documentation.readthedocs.io/en/latest/formatting/all-skin-params.html PlantUML的尺寸限制问题: PlantUML对输出的图像大小有限制, 会导致很大的图不能以稍高的DPI完整输出, 这个问题需要在VScode的Settings.json里简单配置一下: "plantuml.commandArgs": [ "-DPLANTUML_LIMIT_SIZE=81920" ], 范例: 源码: @startuml MediaPlayer hide

字体大小自适应纯css解决方案【转】

阅读更多关于字体大小自适应纯css解决方案【转】

viewpoint css3提供了一些与当前viewpoint相关的元素，vw，vh，vim等。 “viewpoint” = window size vw = 1% of viewport width 1vh = 1% of viewport height 1vmin = 1vw or 1vh, 最小 1vmax = 1vw or 1vh, 最大兼容性：chrome 20+/ safari 6+/ IE 10+ / FF 19+ / IOS 6+ <!DOCTYPE HTML> <html> <head> <meta charset="UTF-8"> <title>Demo</title> <style type="text/css"> #box { font-size: 4vw;} </style> </head> <body> <div id="box"> 我是靖鸣君我是靖鸣君我是靖鸣君 </div> </body> </html> 但是该方案存在一个bug，上面的代码，当浏览器窗口变化的时候，box中的文字并没有按照应有的比例变化，但是css3标准中是这么说的： When the height or width of the viewport is changed, they are scaled accordingly. 插曲像这样的问题，我之前也遇到过

订阅 font