font-family

css day1

天大地大妈咪最大 提交于 2019-11-28 06:08:14
基础知识 css:层叠样式表 以html为基础,提供丰富的功能,如字体、颜色、背景的控制及整体排版 css中只有(冒号): 没有(等于号)= css样式规则 1.选择器用于指定css样式作用的html对象,花括号内是对该对象设置的具体样式 2.属性和属性值以“键值对”的形式出现 3.属性是对指定的对象设置的样式属性,例如字体大小、文本颜色等 4.属性和属性值之间用英文“:”连接 5.多个“键值对”之间用英文“;”进行区分 在<head></head>中添加<style></style> <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <style> h1 { color:orange; font-size:20px; } </style> </head> <body> <h1>css基础实验</h1> </body> </html> 字体样式属性 color 颜色 font-size 字号大小,可以使用相对长度(较常用,推荐使用)或绝对长度 相对长度 em:相对于当前对象内文本的字体尺寸 px:像素,最常用,推荐使用 绝对长度 in:英寸 cm:厘米 mm:毫米 pt:点 font-family 字体,网页中常用的有宋体、微软雅黑、黑体等 1.网页中普遍使用14px+,默认是16px 2

3种人民币RMB符号的写法

南笙酒味 提交于 2019-11-28 02:59:45
传统的人民币符号写法有两种:¥和&#65509; 现在淘宝有中新的写法: font-family:Arial; + & yen ; 例如:99元 对应的代码为: ¥99元 &#65509; 99元 <p style="font-family:Arial;">&yen; 100元</p> 来源: https://blog.csdn.net/Jacksun_huang/article/details/99946750

CSS学习笔记1:字体样式属性

拜拜、爱过 提交于 2019-11-28 01:30:53
CSS初识 成叠样式表,主要用于设置html页面的外观 产生原因:为了解决混乱的结构和样式,使结构和样式相分离。 CSS注释 /*这是CSS注释*/ CSS样式规则 1、选择器用于指定css样式作用的html对象,{}里面是对该对象设置的具体样式。 2、属性和属性值以“键值对”的形式出现。 3、属性是对指定对象设置的样式属性,例如:字体大小、文字样式。 4、属性域属性值之间用英文冒号分开。 5、属性域属性之前用英文分号分隔。 <style type="text/css"> h2{ font-size: 40px; color:pink; font-family: "Microsoft YaHei",tahoma,arial,"Hiragio Sans GB"; } h4{ font-size: 30; color:purple; font-family: "宋体"; } </style> CSS字体样式属性 font-size 1、现在网页中普遍使用14px; 2、尽量使用偶数,奇数在老版本ie中容易bug。 font-size: 40px; font-family font-family: "Microsoft YaHei",tahoma,arial,"Hiragio Sans GB";font-family: "宋体"; 1、多个字体之间必须使用英文逗号隔开

CSS编码规范

我是研究僧i 提交于 2019-11-27 23:40:54
CSS编码规范 本文档的目标是使CSS代码风格保持一致,容易被理解和被维护,如果自己没有这种习惯,请好好选择你的IDE,别再用“文本编辑器”。 本文档虽针对CSS设计的,但是在使用各种CSS的预编译器(如less、sass、stylus等)时,适用的部分也应尽量遵循本文档的约定。 1 代码风格 1.1 文件 [建议] CSS 文件使用无 BOM 的 UTF-8 编码。 解释: UTF-8 编码具有更广泛的适应性。BOM 在使用程序或工具处理文件时可能造成不必要的干扰。 1.2 缩进 [强制] 使用 2 个空格做为一个缩进层级,不允许使用 tab 字符。 示例: .selector { margin : 0 ; padding : 0 ; } 1.3 空格 [强制] 选择器 与 { 之间必须包含空格。 示例: .selector { } [强制] 属性名 与之后的 : 之间不允许包含空格, : 与 属性值 之间必须包含空格。 示例: margin : 0 ; [强制] 列表型属性值 书写在单行时, , 后必须跟一个空格。 示例: font-family : Arial , sans-serif ; 1.4 行长度 [强制] 每行不得超过 120 个字符,除非单行不可分割。 解释: 常见不可分割的场景为URL超长。 [建议] 对于超长的样式,在样式值的 空格 处或 , 后换行

Set a font specifically for all numbers on the page

£可爱£侵袭症+ 提交于 2019-11-27 16:20:39
问题 For my webpage, I chose a font that works well for all the letters. However, for all numbers I'd like to use a different font. Is there a way that I can set a CSS rule to target all the numbers on the page? If I can't do it strictly with CSS, my first thought is to use regular expressions to surround all numbers with a span with a "numbers" class and apply a font for that class. Is there a better way to do this? 回答1: You can do it in JavaScript relatively simply by traversing the document so

更靠谱的横竖屏检测方法

馋奶兔 提交于 2019-11-27 14:19:15
前不久,做了一个H5项目,需要在横竖屏变化时,做一些处理。毫无疑问,需要使用 orientationchange 来监听横竖屏的变化。 方案一: // 监听 orientation changes window.addEventListener("orientationchange", function(event) { // 根据event.orientation|screen.orientation.angle等于0|180、90|-90度来判断横竖屏 }, false); 代码添加上后,就各种兼容性问题。这里兼容性问题出现在两个地方: orientationchange event.orientation|screen.orientation.angle 如下是 orientationchange 事件的兼容性: 如下是 screen.orientation 的兼容性: 方案二: 上述方案不行,只能另行他法了。google一下,了解到可以通过 resize 配合 (window.inner/outerWidth, window.inner/outerHeight) 来实现: window.addEventListener("resize", function(event) { var orientation=(window.innerWidth > window

Flask:模板

五迷三道 提交于 2019-11-27 11:59:52
模板是一个包含响应文本的文件,其中包含用占位变量表示的动态部分,具体值只在请求的上下文中才能知道.使用真实值替换变量,再返回最终得到的响应字符串.这个过程称为渲染,为了渲染模板, Flask 使用了一个名为 Jinja2 的强大模板引擎. 前面的视图函数中,我们是通过return 'Hello World!'的方法来返回响应.但是这种情况下反馈少数的内容还可以,如果要反馈复杂的网页界面那就没办法了.这种情况就需要渲染模板了.代码如下通过 render_template 反馈具体的网页模板.默认情况下, Flask 在程序文件夹中的 template 子文件夹中寻找模板. from flask import render_template @app.route('/') def hello_world(): return render_template('index.html') template 中添加 index.html . <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Flask</title> </head> <body> <p> 欢迎来到 Flask</p> </body> </html> 还可以在模板中传入参数并传递到 html 中 @app.route('/') def

How to Apply global font to whole HTML document

余生颓废 提交于 2019-11-27 09:10:01
问题 I have a HTML page which includes some text and formatting. I want to make it have the same font-family and the same text-size ignoring all inner formatting of text. I want to set a global font format for the HTML page. How can I achieve this? 回答1: You should be able to utilize the asterisk and !important elements within CSS. html * { font-size: 1em !important; color: #000 !important; font-family: Arial !important; } The asterisk matches everything (you could probably get away without the

Web 字体 font-family 再探秘

天大地大妈咪最大 提交于 2019-11-27 07:21:59
之前写过一篇关于Web字体简介及使用技巧的文章: 你该知道的字体 font-family 。 该篇文章基本没有太多移动端的字体选择及分析。并且过了这么久,如今的 Web 字体又有了一些新的东西,遂有此文。 正文从这里开始。 各大网站最新 font-family 作为前端的一个习惯,浏览各个网站的时候总是喜欢打开开发者工具时不时审查元素一下。看了一下一些比较出名的网站移动端的 font-family : 天猫 : font-family: "PingFang SC",miui,system-ui,-apple-system,BlinkMacSystemFont,Helvetica Neue,Helvetica,sans-serif; Github : font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol; CSS-Tricks : font-family: system-ui,-apple-system,BlinkMacSystemFont,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui

CSS学习笔记

柔情痞子 提交于 2019-11-27 03:53:18
CSS初识 成叠样式表,主要用于设置html页面的外观 产生原因:为了解决混乱的结构和样式,使结构和样式相分离。 CSS样式规则 1、选择器用于指定css样式作用的html对象,{}里面是对该对象设置的具体样式。 2、属性和属性值以“ 键值对 ”的形式出现。 3、属性是对指定对象设置的样式属性,例如:字体大小、文字样式。 4、属性域属性值之间用 英文冒号 分开。 5、属性域属性之前用 英文分号 分隔。 <style type="text/css"> h2{ font-size: 40px; color:pink; font-family: "Microsoft YaHei",tahoma,arial,"Hiragio Sans GB"; } h4{ font-size: 30; color:purple; font-family: "宋体"; } </style> CSS样式属性 font-size 1、现在网页中普遍使用 14px ; 2、尽量使用 偶数 ,奇数在老版本ie中容易bug。 font-size: 40px; font-family font-family: "Microsoft YaHei",tahoma,arial,"Hiragio Sans GB";font-family: "宋体"; 1、 多个字体 之间必须使用 英文逗号 隔开