font | 易学教程

前端入门笔记之CSS篇

阅读更多关于前端入门笔记之CSS篇

OXO1 写在前面一.html和css 1.HTML和CSS的对比（1）HTML只关注语义和结构，主要是对网页元素的整理和分类。（2）CSS的主要使用场景就是美化页面，布局页面。（3) CSS和HTML搭配使用，实现网页结构，表现分离。 2.CSS概述（1）概念 CSS是叠层样式表（Cascading Style Sheets），也称为CSS样式表或级联样式表。也是一种标记语言。（2)作用 CSS主要用于设置HTML页面中的文本内容(字体，大小，对齐方式等)，图片的外形（宽高，边框样式，边距等）以及版面布局和外观显示样式。 (3)CSS语法 CSS主要是由选择器以及一条或者多条申明组成。选择器 { 属性1: 值1；属性2: 值2； } demo : p { color: red; font-size: 12px; } 注：选择器：指定修改样式的目标声明：要改成的样式（4）CSS注释： /* 我是被注释掉的内容 */ OXO2 CSS上选择器分为：基础选择器和复合选择器两大类。一. 基础选择器基础选择器分为：标签选择器，类选择器，id选择器和通配符选择器。 1.标签选择器 (1) 标签选择器(元素选择器)是指用HTML标签名称作为选择器，按照标签分类，为页面中某一类型的标签，指定统一的CSS样式。 (2)语法标签名 { 属性1：值1；属性2：

Python生成随机验证码

阅读更多关于 Python生成随机验证码

Python生成随机验证码，需要使用PIL模块. 安装 pip3 install pillow 　基本使用 1. 创建图片 from PIL import Image img = Image.new(mode='RGB', size=(120, 30), color=(255, 255, 255)) # 在图片查看器中打开 # img.show() # 保存在本地 with open('code.png','wb') as f: img.save(f,format='png') 　　 2. 创建画笔，用于在图片上画任意内容 img = Image.new(mode='RGB', size=(120, 30), color=(255, 255, 255)) draw = ImageDraw.Draw(img, mode='RGB') 　　 3. 画点 img = Image.new(mode='RGB', size=(120, 30), color=(255, 255, 255)) draw = ImageDraw.Draw(img, mode='RGB') # 第一个参数：表示坐标 # 第二个参数：表示颜色 draw.point([100, 100], fill="red") draw.point([300, 300], fill=(255, 255, 255)) 　　 4.

日历控件

阅读更多关于日历控件

calendar.htm: < html > < head > < meta http-equiv ="Content-Type" content ="text/html; charset=gb2312" > < title ></ title > < link rel ="stylesheet" type ="text/css" href ="../setstyle.css" > </ head > < body topmargin =0 leftmargin =0 bgcolor =#3974AE > < center > < table border ="1" width ="245" cellspacing ="0" cellpadding ="0" bordercolor ="#ABC7E2" bordercolordark ="#FFFFFF" bordercolorlight ="#808080" height ="160" > < tr > < th width ="100%" align ="center" > < table border ="0" cellspacing ="0" cellpadding ="0" > < tr > < th valign ="middle" width ="10%" >< img border ="0" src ="..

移动h5开发资源整理

阅读更多关于移动h5开发资源整理

移动h5开发资源整理这2年来，移动h5开发逐渐成为一种主流，也不断趋向于成熟。硬件和浏览器的不断更新，曾经的浏览器兼容也不再是开发者的噩梦。接触h5开发一年多，从最初的新手到现在，陆陆续续遇到过很多坑。这里把想到的一些经验与资源罗列出来，给刚入h5的同学带来一些帮助。该文章会持续更新。内容比较多，可以点击下方『悬浮菜单按钮』进行选择需要阅读的章节。基础知识新手建议看看下面的在线教程。 html,css,JavaScript,jQuery在线教程： w3school在线教程： http://www.w3school.com.cn/ 菜鸟教程： http://www.runoob.com/ 参考手册： jQuery： http://hemin.cn/jq/ css： http://css.doyoe.com/ h5页面基本组成 meta viewport模板以上支持响应式布局设计。有用的js类库 jQuery 这个必须学会的。在线教程： http://www.w3school.com.cn/jquery/index.asp 在线手册： http://hemin.cn/jq/ Zepto Zepto和jQuery基本是一样的，只是由于其体积更小，适合移动端使用。如果你会用jquery，那么你也会用zepto。注意，zepto并没有实现jQuery的所有功能

界面字体自适应控件大小和字体轮播

阅读更多关于界面字体自适应控件大小和字体轮播

@{ ViewBag.Title = "Home Page"; Layout = "~/Views/Shared/_Layout.cshtml"; } @section styles{ } <button id="btnCH">中文</button> <button id="btnVI">越南语</button> <button id="btnEN">英语</button> <div style="height:50px;"></div> <table style="width: 100%; height: auto; padding: 0px 0px; border: 0px solid gray;"> <tr style="height: 50px;margin-top:5px;background-color:green;"> <td id="tddatainput" style="text-align:right; width:10%; font-size: large; font-weight: bolder;white-space: nowrap;"> <div class="label-parent"> <div class="label">语言国际化自适应</div> </div> </td> <td style="width: 90%; font-size: x

鼠标悬停提示代码

阅读更多关于鼠标悬停提示代码

<HTML> <HEAD> <title>一种很酷的文字提示效果演示</title><style> .tableBorder7{width:800;solid; background-color: #000000;} TD{font-family: 宋体;font-size: 12px;line-height : 15px ;} th{background-color: #f7f7f7;color: #000000;font-size: 12px;font-weight:bold;} th.th1{background-color: #333333;} td.TableBody7{background-color: #B1EA45;} </style> <script language="JavaScript"> //more javascript from http://www.webjx.com <!-- var pltsPop=null; var pltsoffsetX = 10; // 弹出窗口位于鼠标左侧或者右侧的距离；3-12 合适 var pltsoffsetY = 15; // 弹出窗口位于鼠标下方的距离；3-12 合适 var pltsPopbg="#FFFFEE"; //背景色 var pltsPopfg="#111111"; //前景色 var

excel相关

阅读更多关于 excel相关

xlrd openpyxl 库应该是自带了，反正我是没安装，csv也可制作表格，关于csv以后介绍基本操作 import xlrd book = xlrd.open_workbook('filename') book.nsheets # 表单数量 book.sheet_names() # 表单名要读取某个表单里单元格中的数据，必须要先获取表单（sheet）对象。 # 表单索引从0开始，获取第一个表单对象 book.sheet_by_index(0) # 获取名为2018的表单对象 book.sheet_by_name('2018') # 获取所有的表单对象，放入一个列表返回 book.sheets() 官方文档：https://xlrd.readthedocs.io/en/latest/api.html#xlrd-sheet 表单行数（nrows）列数（ncols）表单名（name）表单索引（number） ''' book = xlrd.open_workbook("income.xlsx") sheet = book.sheet_by_index(0) sheet.name sheet.number sheet.nrows sheet.ncols ''' cell_value 方法，参数为行号和列号，读取指定单元格中的文本内容。 sheet.cell_value

HTML字体分类

阅读更多关于 HTML字体分类

网页中的将字体分为5大类 1.serif:衬线字体 2.sans-serif:非衬线字体 3.monospace:等宽字体 4.cursive:草书字体 5.fantasy:幻虚字体 <p style="font-size: 50px; font-family: serif;">衬线字体</p> <p style="font-size: 50px; font-family: sans-serif;">非衬线字体</p> <p style="font-size: 50px; font-family: monospace;">等宽字体</p> <p style="font-size: 50px; font-family: cursive;">草书字体</p> <p style="font-size: 50px; font-family: fantasy;">幻虚字体</p> 来源： https://www.cnblogs.com/yanl55555/p/12544130.html

Chrome谷歌浏览器下不支持css字体小于12px的解决办法

阅读更多关于 Chrome谷歌浏览器下不支持css字体小于12px的解决办法

转自： https://www.cnblogs.com/jiangxiaobo/p/5669976.html 先来看下 ie、火狐、谷歌浏览器下各个字体显示情况 ie下：火狐下：谷歌下：从上面的图可以很明显看出谷歌下 css设置字体大小为12px及以下时，显示都是一样大小，都是默认12px; 那么网上一直有一个方法就是给当前样式添加谷歌私有属性：-webkit-text-size-adjust:none; 可是我进行验证后发现，在谷歌现在的新版本里已经无效。那么我们应该如何设置谷歌下的字体呢？我们可以使用到 css3里的一个属性： transform:scale() 属性介绍可以戳这里： http://www.w3chtml.com/css3/properties/2d-transform/transform.html 这个属性前给-webkit-谷歌前缀，那么就可以控制字体的大小，代码如下： 1 2 3 4 5 6 7 < style > p{font-size:10px;-webkit-transform:scale(0.8);} /*这里的数字0.8，是缩放比例，可以根据情况变化。*/ </ style > < p >中梦测试10px</ p > 如下图：但是要注意一点，如果这个<p>元素有背景的话，给这个属性会使背景也随着变化，所以，我们可以给<p>标签里再套个

div设置为inline-block后，两个div之间有空隙

阅读更多关于 div设置为inline-block后，两个div之间有空隙

一. 问题：如题所描述，div设置为inline-block后，产生如下现象：二. 解决办法： div之间不要换行不要留空格，写成这种： <div class="parent"> <div class="left">左侧</div><div class="right">右侧</div> </div> 父元素的font-size：0；再给子div设置一个font-size .parent { font-size: 0px; } .left, .right { display: inline-block; font-size: 14px; } 三. 原因出现空隙是因为div标签设为行内块级元素后代码里的换行被浏览器当成一个空格来解析来源： https://www.cnblogs.com/XHappyness/p/12530700.html

订阅 font