font

前端

对着背影说爱祢 提交于 2019-12-04 07:09:22
目录 前端 CSS 前端 <!DOCTYPE html> <html> <head> <title>考试了</title> <link rel="stylesheet" href="css/style.css"> <meta charset="utf-8"> </head> <body> <div id="b"> <div id="b1"><img src="images/banner.jpg" alt=""></div> <div id="b2"><img src="images/content_bg.jpg" alt=""> <div id="b2_1"><img src="images/toplink.jpg" alt=""> <div id='b2_1_font'> <font>首页    </font> <font>论坛    </font> <font>推荐    </font> <font>最新日志    </font> <font>最新评论    </font> <font>尚未登陆    </font> </div> </div> <div id="c"> <div id="c1"> <div id="c1_tu"><img src="images/recommendblog.jpg" alt=""></div> <div id="c_font"> <font

路飞-前台课程页面

强颜欢笑 提交于 2019-12-04 06:54:39
课程组件 <template> <div class="course"> <Header></Header> <div class="main"> <!-- 筛选条件 --> <div class="condition"> <ul class="cate-list"> <li class="title">课程分类:</li> <li :class="filter.course_category==0?'this':''" @click="filter.course_category=0">全部</li> <li :class="filter.course_category==item.id?'this':''" v-for="item in category_list" @click="filter.course_category=item.id" :key="item.name">{{item.name}} </li> </ul> <div class="ordering"> <ul> <li class="title">筛        选:</li> <li class="default" :class="(filter.ordering=='id' || filter.ordering=='-id')?'this':''" @click="filter.ordering='

路飞-注册页面

假如想象 提交于 2019-12-04 06:53:45
注册页面修订 <template> <div class="box"> <img src="@/assets/img/Loginbg.jpg" alt=""> <div class="register"> <div class="register_box"> <div class="register-title">注册路飞学城</div> <div class="inp"> <input v-model="mobile" @blur="checkMobile" type="text" placeholder="手机号码" class="user"> <input v-model="password" type="password" placeholder="用户密码" class="user"> <div class="sms"> <input v-model="sms" type="text" placeholder="输入验证码" class="user"> <span class="sms_btn" @click="send_sms">{{sms_interval_tips}}</span> </div> <div id="geetest"></div> <button class="register_btn" @click="registerMobile">注册<

Hexo之Next主题美化代码

我只是一个虾纸丫 提交于 2019-12-04 05:53:37
我分别美化了几个不同版本的Next主题,这里把美化代码公布出来,第一种Next版本小于7.3可使用,美化效果如下。 直接修改 \themes\next\source\css\_custom 将以下美化过程复制到 custom.styl 目录即可。 // ************************************************************************************************ // 全局布局美化代码 (包括,主页背景颜色,主页透明度等全局配置) // By: lyshark www.blib.cn lyshark.cnblogs.com // ************************************************************************************************ // 添加主页背景图片与背景颜色 /*body { // background:url(https://source.unsplash.com/random/1600x900); background:url(/images/background.jpg); background-repeat: no-repeat; background-attachment:fixed;

博客园页面定制 CSS 代码

僤鯓⒐⒋嵵緔 提交于 2019-12-04 04:58:14
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Page title</title> </head> <body> </body> </html> #EntryTag { margin-top: 20px; font-size: 9pt; color: #808080 } .topicListFooter { text-align: right; margin-right: 10px; margin-top: 10px } #divRefreshComments { text-align: right; margin-right: 10px; margin-bottom: 5px; font-size: 9pt } * { margin: 0; padding: 0 } html { height: 100% } body { color: #999; background-color: #21252b; font-family: "Helvetica Neue",Helvetica,Verdana,Arial,sans-serif; font-size: 12px; min-height: 101%; } table { border-collapse: collapse; border-spacing: 0

day38_css

与世无争的帅哥 提交于 2019-12-04 04:07:55
https://www.cnblogs.com/majj/category/1213642.html 内容回顾: 1.标签嵌套 行内标签和块标签 行内标签不可以嵌套块级标签,但不是绝对。 块标签嵌套块标签、行内标签。 但是p标签中的子标签只能是行内元素、表单元素、图片 2.table tr td 3.form action行为 methods:get||post enctype='' 一定要提交文件到服务器,一定是post请求 lable for: 与input的id有很大关联 input 重要 type text:普通的文本 * password:密码本 * submit:* 与form 表单中的action 由关系 radio: 单选框 checkbox:多选 name value select option textarea rows 宽度 cols 高度 4.css 带你们挖坑 、填坑、跳进坑 三种引入方式: (1) 行内样式>内接样式和外接样式 @import url() link1 link2 基本选择器 选择器的作用:选中标签 设置属性 标签选择器: 选择的是‘共性’, 不管标签嵌套多少层 <div id='box' class='box'>alex</div> div{ color:red; } div div div div id选择器 选择的是 “特性”

C#快速入门指南

一世执手 提交于 2019-12-04 03:57:54
<!doctype html> <html> <head> <meta charset='UTF-8'><meta name='viewport' content='width=device-width initial-scale=1'> <title>RSMX</title><style type='text/css'>html {overflow-x: initial !important;}:root { --bg-color:#ffffff; --text-color:#333333; --select-text-bg-color:#B5D6FC; --select-text-font-color:auto; --monospace:"Lucida Console",Consolas,"Courier",monospace; } html { font-size: 14px; background-color: var(--bg-color); color: var(--text-color); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; } body { margin: 0px; padding: 0px; height:

matplotlib基础应用

梦想的初衷 提交于 2019-12-04 03:46:39
最流行的Python底层绘图库,主要做数剧可视化图表,名字取材与MATLAB,模仿MATLAB构建、 基本要点: from matplotlib import pyplot as plt 导入pyplot fig=plt.figure(figure=(20,8),dpi=80) figure图形图标的意思,在这里指的就是我们画的图 通过实例化一个figure并且传递参数,能够在后台自动使用该figure 在图像模糊的时候可以传入dpi参数,让图片更清晰 x=range(2,26,2) x数剧在x轴的位置,是一个可迭代对象 y=[15,13,14,17,20,25,26,24,22,18,15] y数剧在y轴的位置,是一个可迭代对象 x轴和y轴的数剧一起组成了所有要绘制的坐标 分别是(2,15),(4,13)(6,14)。。。 plt.plot(x,y) 传入x和y,通过plot绘制出折线图 #调整x轴的刻度 _x=list(x) _xtick_lables=["10点{}分".format(i)for i in range(60)] _xtick_lables+=["11点{}分".format(i)for i in range(60)] #取步长,数字和字符串一一对应 plt.xticks(_x[::3],_xtick_lables[::],rotation=45

CSS 字体

痴心易碎 提交于 2019-12-04 02:37:40
CSS字体属性定义字体,加粗,大小,文字样式。 serif和sans-serif字体之间的区别 在计算机屏幕上,sans-serif字体被认为是比serif字体容易阅读 CSS字型 在CSS中,有两种类型的字体系列名称: 通用字体系列 - 拥有相似外观的字体系统组合(如 "Serif" 或 "Monospace") 特定字体系列 - 一个特定的字体系列(如 "Times" 或 "Courier") Generic family 字体系列 说明 Serif Times New Roman Georgia Serif字体中字符在行的末端拥有额外的装饰 Sans-serif Arial Verdana "Sans"是指无 - 这些字体在末端没有额外的装饰 Monospace Courier New Lucida Console 所有的等宽字符具有相同的宽度 字体系列 font-family 属性设置文本的字体系列。 font-family 属性应该设置几个字体名称作为一种"后备"机制,如果浏览器不支持第一种字体,他将尝试下一种字体。 注意 : 如果字体系列的名称超过一个字,它必须用引号,如Font Family:"宋体"。 多个字体系列是用一个逗号分隔指明: 实例 p{font-family:"Times New Roman", Times, serif;} 尝试一下 »

移动端适配方案

徘徊边缘 提交于 2019-12-04 02:24:17
原文链接: http://caibaojian.com/mobile-responsive-example.html 固定一个某些宽度,使用一个模式,加上少许的媒体查询方案 使用flexbox解决方案 使用百分比加媒体查询 使用 rem 1. 简单问题简单解决 我觉得有些 web app并一定很复杂,比如拉勾网,你看看它的页面在iphone4,iphone6,ipad下的样子就知道了: 它的页面有一个特点,就是: 顶部与底部的bar不管分辨率怎么变,它的高度和位置都不变 中间每条招聘信息不管分辨率怎么变,招聘公司的图标等信息都位于条目的左边,薪资都位于右边 这种app是一种典型的弹性布局:关键元素高宽和位置都不变,只有容器元素在做伸缩变换。对于这类app,记住一个开发原则就好:文字流式,控件弹性,图片等比缩放。以图描述: 这个规则是一套基本的适配规则,对于这种简单app来说已经足够,同时它也是后面要说的 rem 布局的基础。另外对于拉勾这种app可能需要额外媒介查询对布局进行调整的就是小屏幕设备。举例来说,因为现在很多设计稿是根据iphone6的尺寸来的,而iphon6设备宽的逻辑的像素是375px,而iphone4的逻辑像素是320个像素,所以如果你根据设计稿做出来的东西,在iphone4里面可能显示不下,比如说拉钩网底部那个下载框,你对比看下就知道了,这是4: 这是6: ·