font | 易学教程

JavaWEB开发01——HTML

阅读更多关于 JavaWEB开发01——HTML

1.网站信息页面 1.1需求分析: 我们公司的需要一个对外宣传的网站介绍,介绍公司的主要业务,公司的发展历史,公司的口号等等信息 1.2技术分析: HTML概述: HTML: Hyper Text Markup Language 超文本标记语言超文本: 比普通文本功能更加强大,可以添加各种样式标记语言: 通过一组标签.来对内容进行描述. <关键字> , 是由浏览器来解释执行 <h1>静夜诗</h1> <b><i>--李白</i> </b> <br/> <p>床前明月光,</p> <p>地上鞋两双,</p> <p>举头望明月,</p> <p>低头思故乡.</p> 为什么要学习HTML: 生活所迫,今天的课程,群英妹子不让回家. HTML的主要作用: 设计网页的基础,HTML5 HTML语法规范  1.3步骤分析: 公司简介需要标题水平分割线四个段落第一个段落字体需要红色 1.4代码实现: <html> <head> <meta charset="UTF-8">

JavaWEB开发03——JS

阅读更多关于 JavaWEB开发03——JS

今日任务使用JS完成页面定时弹出广告使用JS完成表单的校验使用JS完成表格的隔行换色使用JS完成复选框的全选效果使用JS完成省市的联动效果 JS控制下拉列表左右选择教学导航掌握JS中的BOM对象掌握JS中的常用事件掌握JS中的常用DOM操作了解JS中的内置对象上一次内容进行复习: CSS: 层叠样式表主要作用: 美化页面, 将美化和HTML进行分离,提高代码复用性选择器: 元素选择器: 元素的名称{} 类选择器: . 开头 ID选择器: #ID选择器后代选择器: 选择器1 选择器2 子元素选择器: 选择器1 > 选择器2 选择器分组: 选择器1,选择器2,选择器3{} 属性选择器: 选择器[属性的名称='属性的值'] 伪类选择器: 浮动: float 属性: left right 清除浮动: clear 属性: both left right 盒子模型: 上右下左 padding 10px 20px 30px 40px 顺时针的方向内边距: 控制的盒子内距离边框: 盒子的边框外边距: 控制盒子与盒子之间的距离绝对定位: position : absolute; top: left JS开发: 是一门脚本语言,由浏览器来解释执行,不需要经过编译 JS声明变量: var 变量的名字;

vue项目引入外部字体

阅读更多关于 vue项目引入外部字体

1.src下创建文件夹common,在common文件下创建一个文件夹font-face和一个font-face.css 2.在文件夹font-face放入下载好的字体 3.font-face.css中引入字体并且重命名 @font-face { /* 重命名字体 */ font-family: 'SourceHanSans-Bold'; /* 引入字体 */ src: url('./font-face/SourceHanSans-Bold.otf'); } @font-face { /* 重命名字体 */ font-family: 'SourceHanSans-Heavy'; /* 引入字体 */ src: url('./font-face/SourceHanSans-Heavy.otf'); } 4.在main.js中全局引入 import '@/common/font.css'; 5.即可在项目中使用字体来源： https://www.cnblogs.com/cck1223/p/11812086.html

CSS简单样式练习（六）

阅读更多关于 CSS简单样式练习（六）

运行效果：源代码： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Sina</title> 6 <style type="text/css"> 7 *{ 8 margin: 0; 9 padding: 0; 10 border: none; 11 } 12 13 body{ 14 font-family: "微软雅黑"; 15 font-size: 14px; 16 color: black; 17 } 18 19 .container{ 20 width: 600px; 21 height: 200px; 22 margin-top: 10px; 23 margin-left: 10px; 24 } 25 26 .web-title{ 27 font-size: 16px; 28 text-align: left; 29 text-decoration: underline; 30 color: blue; 31 } 32 33 .red{ 34 color: red; 35 } 36 37 .underline{ 38 text-decoration: underline red; 39 } 40 41 .web-content{ 42 margin-top:

CSS简单样式练习（四）

阅读更多关于 CSS简单样式练习（四）

运行效果：源代码： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Google</title> 6 <style type="text/css"> 7 8 body{ 9 font-family: "宋体"; 10 } 11 12 .container{ 13 margin-top: 20px; 14 margin-left: 20px; 15 } 16 17 .big-font{ 18 font-size: 60px; 19 } 20 21 .blue{ 22 color: blue; 23 } 24 25 .bolder{ 26 font-weight: bolder; 27 } 28 29 .red{ 30 color: red; 31 } 32 33 .yellow{ 34 color: yellow; 35 } 36 </style> 37 </head> 38 <body> 39 <div class="container"> 40 <font class="blue big-font bolder">G</font> 41 <font class="red big-font bolder">o</font> 42 <font class="yellow

CSS简单样式练习（五）

阅读更多关于 CSS简单样式练习（五）

运行效果：源代码： 1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>春天</title> 6 <style type="text/css"> 7 8 *{ 9 margin: 0; 10 padding: 0; 11 border: none; 12 } 13 14 body{ 15 font-family: "宋体"; 16 font-size: 12px; 17 } 18 19 .title{ 20 font-size: 16px; 21 font-weight: bolder; 22 text-decoration: overline; 23 } 24 25 .container{ 26 margin: 20px 20px; 27 height: 300px; 28 } 29 30 .text-content{ 31 margin-top: 20px; 32 } 33 34 .green{ 35 color: limegreen; 36 } 37 38 .red{ 39 color: red; 40 } 41 42 .text-center{ 43 text-align: center; 44 } 45 </style> 46 </head> 47 <body>

关于 style-components

阅读更多关于关于 style-components

回顾React回顾React style-components的基本使用官方文档: https://www.styled-components.com/docs/basics 安装：npm install --save styled-components || yarn add styled-components 我的这个都是在一个组件中操作的，分页面创建style-components需要导出( export const 自定义名 = 准备创建style的名字 )在需要页面解构赋值引入基础用法： style-components最基础的用法就是以组件的形式编写样式 import styled from 'styled-components'; const HomeWrapper = styled.div ` width: 960px; margin: 0 auto; overflow: hidden; `; const HomeLeft = styled.div ` float: left; width: 625px; margin-left: 15px; padding-top: 30px; .bannder-img { width: 625px; height: 270px; } `; const HomeRight = styled.div ` float: right

一些影视作品

阅读更多关于一些影视作品

一些影视作品 - 博客园 ``` ``` */ /*--> */ */ /*--> */ */ /*--> */ */ /*--> */ */ /*--> */ */ /*--> */ */ /*--> */ 一些影视作品 ``` ``` ``` .item-rows { display: flex; flex-wrap: wrap; align-items: center; margin: auto; } .item { background-color: #FFF; border-radius: 4px; border: 1px solid #ddd; width: 260px; /*height: auto;*/ padding: 0px; margin: 10px; } .item:hover { border-color: rgba(82, 168, 236, .8); outline: 0; box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075), 0 0 8px rgba(82, 168, 236, .6); } .item p { /*margin-bottom: 0!important;*/ line-height: 32px; text-overflow: ellipsis !important; overflow:

Java实现Txt转PDF文件

阅读更多关于 Java实现Txt转PDF文件

TxT转PDF可以直接使用IText就可以了，IText在pdf领域可以说暂时是最好的方案了。通过直接读取txt文件，然后生成pdf，再添加文本就可以了。代码如下： public class Txt2PDF { private static final String FONT = "C:\\Windows\\Fonts\\simhei.ttf"; public static void text2pdf(String text, String pdf) throws DocumentException, IOException { Document document = new Document(); OutputStream os = new FileOutputStream(new File(pdf)); PdfWriter.getInstance(document, os); document.open(); //方法一：使用Windows系统字体(TrueType) BaseFont baseFont = BaseFont.createFont(FONT, BaseFont.IDENTITY_H, BaseFont.NOT_EMBEDDED); Font font = new Font(baseFont); InputStreamReader isr = new

分享下我的博客园美化的模板代码

阅读更多关于分享下我的博客园美化的模板代码

模板美化教程这个代码是在网上找的一套，然后稍加修改，还添加了一点我喜爱的小物件儿。如果你喜欢这套模板就拿走吧，别忘了点个赞哦！主页文章页设置步骤： 1.更改博客皮肤 2.页面定制css代码： #EntryTag{margin-top:20px;font-size:9pt;color:gray}.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%;max-height:100%;font-size:62.5%;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{background-color:#fff;font-size:12px;max-height:100%;font-family:"Merriweather","Open Sans","Microsoft Jhenghei","Microsoft Yahei",sans-serif;color:#3a4145;-moz-font-feature

订阅 font