font | 易学教程

js2048小游戏

阅读更多关于 js2048小游戏

js2048小游戏，方格是怎么合并和移动的 index.html <html> <head> <meta charset="utf-8"> <title>2048小游戏</title> <meta name="renderer" content="webkit">  <meta name="screen-orientation" content="portrait">  <meta name="x5-orientation" content="portrait">  <meta name="browsermode" content="application">    <meta http-equiv="Cache-Control" content="no-siteapp">  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

博客园CSS样式

阅读更多关于博客园CSS样式

1.蓝色标题如图示例：插入页面定制CSS代码中： #cnblogs_post_body h3 { border-left: 5px solid #21759b; border-right: 5px solid #21759b; background: transparent url(http://images.cnblogs.com/cnblogs_com/Renyi-Fan/1188097/o_11.png) repeat scroll 0% 0%; /* background: linear-gradient(-30deg, rgb(241, 226, 198), rgb(242, 226, 198) 30%, rgb(243, 227, 198) 60%, rgb(244, 230, 189) 100%); */ border-radius: 6px 6px 6px 6px !important; font-size: 16px; font-weight: bold; height: 22px; line-height: 22px; padding: 5px 0 3px 15px; box-shadow: 0 0 0 1px #5F5A4B, 0px 0px 6px 0px rgba(10, 10, 0, 0.5); } #cnblogs_post_body h1 {

CSS介绍

阅读更多关于 CSS介绍

css基本语法及页面引用原文链接： https://www.cnblogs.com/alwaysInMe/p/7271409.html css基本语法 css的定义方法是：选择器 { 属性:值; 属性:值; 属性:值;} 选择器是将样式和页面元素关联起来的名称，属性是希望设置的样式属性每个属性有一个或多个值。代码示例： div{ width:100px; height:100px; color:red } css页面引入方法： 1、外联式：通过link标签，链接到外部样式表到页面中。 <link rel="stylesheet" type="text/css" href="css/main.css"> 2、嵌入式：通过style标签，在网页上创建嵌入的样式表。 <style type="text/css"> div{ width:100px; height:100px; color:red } ...... </style> 3、内联式：通过标签的style属性，在标签上直接写样式。 <div style="width:100px; height:100px; color:red ">......</div> 4.导入式：将一个独立的.css文件引入HTML文件中，导入式使用CSS规则引入外部CSS文件，<style>标记也是写在<head>标记中。 <style type=

Normalize.css重置化样式表

阅读更多关于 Normalize.css重置化样式表

Normalize.css是一种CSS reset的替代方案。它在默认的HTML元素样式上提供了跨浏览器的高度一致性。相比于传统的CSS reset，Normalize.css是一种现代的、为HTML5准备的优质替代方案（https://necolas.github.io/normalize.css/7.0.0/normalize.css）创造normalize.css有下面这几个目的：保护有用的浏览器默认样式而不是完全去掉它们一般化的样式：为大部分HTML元素提供修复浏览器自身的bug并保证各浏览器的一致性优化CSS可用性：用一些小技巧解释代码：用注释和详细的文档来 Normalize.css支持包括手机浏览器在内的超多浏览器，同时对HTML5元素、排版、列表、嵌入的内容、表单和表格都进行了一般化。尽管这个项目基于一般化的原则，但我们还是在合适的地方使用了更实用的默认值。 Normalize vs Reset 1. Normalize.css 保护了有价值的默认值 Reset通过为几乎所有的元素施加默认样式，强行使得元素有相同的视觉效果。相比之下，Normalize.css保持了许多默认的浏览器样式。这就意味着你不用再为所有公共的排版元素重新设置样式。当一个元素在不同的浏览器中有不同的默认值时，Normalize.css会力求让这些样式保持一致并尽可能与现代标准相符合

手机端样式

阅读更多关于手机端样式

@charset "UTF-8"; /****/ html,body,div,ul,ol,li,dd,dt,dl,p,h3,h4,span,input,textarea,select,option,table,tr,td,header,footer,section{padding:0;margin:0;box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;} h1,h2,h3,h4,h5,h6{margin: 0;padding: 0;-webkit-tap-highlight-color: rgba(0,0,0,0);} body{font-family:'Microsoft YaHei';width:100%;height:100%;min-width:320px;color:#666;-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;font-size: 14px;} img{border:none;} ul,li{list-style-type:none;}

python web框架Flask——图形验证码及验证码的动态刷新

阅读更多关于 python web框架Flask——图形验证码及验证码的动态刷新

下列代码都是以自己的项目实例讲述的，相关的文本内容很少，主要说明全在代码注释中自制图形验证码　　　　这里所说的图形验证码都是自制的图形，通过画布、画笔、画笔字体的颜色绘制而成的。将验证码封装成一个类比较好管理，代码里有绝对详细的注释，当然大家可以直接复制。里面涉及的字体都是从系统电脑上自带的，大家直接复制当前目录下就可以了。主目录/utils/captcha/__init__.py import random import string # Image:一个画布 # ImageDraw:一个画笔 # ImageFont:画笔的字体 from PIL import Image, ImageDraw, ImageFont # Captcha验证码 class Captcha(object): # 生成4位数的验证码 numbers = 4 # 验证码图片的宽度和高度 size = (100, 30) # 验证码字体大小 fontsize = 25 # 加入干扰线的条数 line_number = 2 # 构建一个验证码源文本 SOURCE = list(string.ascii_letters) for index in range(0, 10): SOURCE.append(str(index)) # 用来绘制干扰线 @classmethod def __gene_line

Web全栈-体验CSS

阅读更多关于 Web全栈-体验CSS

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>体验CSS</title> <style type="text/css"> h1{ text-align: center; color: red; font-family: "微软雅黑"; } p{ text-align: center; color: blue; font-size: 20px; } </style> </head> <body> <!-- 分析: 有一个标题(H1), 还有一些段落(P) 标题是居中的, 段落也是居中的. 所以我们可以设置H标签和P标签的align属性等于center来实现标题和段落都有颜色,都有字体,都有大小, 所以需要给文字包裹一个font标签, 然后通过font标签来设置颜色和字体以及大小 1.通过标签来修改样式的缺点: 1.需要记忆哪些标签有哪些属性, 如果该标签没有这个属性, 那么设置了也没有效果 2.当需求变更时我们需要修改大量的代码才能满足现有的需求 3.HTML只有一个作用就是用来添加语义所以在企业开发中修改样式都是交给CSS来做 2.通过CSS来修改样式有什么好处? 1.不用记忆哪些属性属于哪个标签 2.当需求变更时我们不需要修改大量的代码就可以满足需求 3

博客园的博客美化

阅读更多关于博客园的博客美化

1. 博客皮肤选择：En_summerGarden 2. 页面定制css代码 /*================================================================================>修改页面代码字体<===========*/ .cnblogs_code pre { font-family: Courier New!important; font-size: 16px!important; word-wrap: break-word; white-space: pre-wrap; } .cnblogs_code span { font-family: Courier New!important; font-size: 16px!important; line-height: 1.5!important; } /*================================================================================>修改背景样式<===========*/ #google_ad_c1, #google_ad_c2 {display:none;} .syntaxhighlighter a, .syntaxhighlighter div,

C#教程之打印和打印预览

阅读更多关于 C#教程之打印和打印预览

最近研究一了一下关于PDF打印和打印预览的功能，在此小小的总结记录一下学习过程。实现打印和打印预览的方法，一般要实现如下的菜单项：打印、打印预览、页面设置、 PrintDocument类 PrintDocument组件是用于完成打印的类，其常用的属性、方法事件如下：属性DocumentName：字符串类型，记录打印文档时显示的文档名（例如，在打印状态对话框或打印机队列中显示），即用户填写生成pdf文件名时的默认值为DocumentName 方法Print：开始文档的打印。事件BeginPrint：在调用Print方法后，在打印文档的第一页之前发生。事件PrintPage：需要打印新的一页时发生。事件EndPrint：在文档的最后一页打印后发生。若要打印，首先创建PrintDocument组建的对象，然后使用页面上设置对话框PageSetupDialog设置页面打印方式，这些设置作为打印页的默认设置、使用打印对话框PrintDialog设置对文档进行打印的打印机的参数。在打开两个对话框前，首先设置对话框的属性Document为指定的PrintDocument类对象，修改的设置将保存到PrintDocument组件对象中。第三步是调用PrintDocument.Print方法来实际打印文档，调用该方法后，引发下列事件：BeginPrint、PrintPage

vue

阅读更多关于 vue

复习 """ 1、vue-router插件路由跳转： <router-link to="/path"></router-link> <router-link :to="{name: 'path'}"></router-link> this.$router.push('/path') this.$router.push({name: 'path'}) this.$router.go(-1) this.$router.go(1) 路由传参：配置：path: '/path/:pk' => 请求：`/path/${pk}` => 取值：this.$route.params.pk 配置：path: '/path', name='path' => 请求：{name:'path', query={pk:值}} => 取值：this.$route.query.pk 2、vuex插件完成任意组件间的数据交互(当页面刷新重新加载，仓库中的数据会重置) store.js配置: state: {num:0} 取值：this.$store.state.num 赋值：this.$store.state.num = 10 3、vue-cookies插件下载 => 配置 => 使用下载: cnpm install vue-cookies 配置main.js: import cookies from

订阅 font