line-height | 易学教程

博客园美化主题推荐之Bili

阅读更多关于博客园美化主题推荐之Bili

博客园美化主题推荐之Bili 一、前言本博客美化主题作者为： GShang ，本文仅在教导如何快速把该美化主题应用到自己的博客中，详细部署内容见博客园主题——Bili2.0来啦。二、博客预览以下为该美化主题的简单预览：三、部署美化主题 3.1.准备工作如果没有开通博客园页面js权限的，先要在博客设置页面申请权限，之后才能开始部署美化主题。（只要礼貌点，客服很快就会批准的😀）。获取js权限之后进入博客设置界面：在这里可以添加自定义的样式代码。 3.2.页面定制 CSS 代码在 "页面定制 CSS 代码" 框中输入以下样式代码： /* 导入符号字体 */ @import url(https://cdn.jsdelivr.net/npm/font-awesome/css/font-awesome.min.css) screen and (min-width:0px); @import url(https://at.alicdn.com/t/font_438759_kmvtb0te1nd.css) screen and (min-width:0px); textarea[title=js]{ display: none; } /* 此处可自定义修改 */ /* 设置全局变量 */ @media screen and (min-width:0px) { :root { /

挂号平台首页开发（静态页面部分）

阅读更多关于挂号平台首页开发（静态页面部分）

1、首先是设计稿 2、然后使用PxCook进行尺寸标注 3、字体信息去PS里看 4、首页框架代码编写 index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>index</title> <link rel="stylesheet" href="style.css"> </head> <body> <div class="top" id="top"> <div class="wrap"> </div> </div> <div class="header" id="header"> <div class="wrap"> </div> </div> <div class="nav" id="nav"> <div class="wrap"> </div> </div> <div class="banner" id="banner"> <div class="wrap"> <div class="banner-slide" id="banner-slide"></div> <div class="banner-search" id="banner-search"></div> <div class="banner-help" id="banner-help"></div> </div>

readbooks网页

阅读更多关于 readbooks网页

1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Document</title> 6 <style type="text/css" media="screen"> 7 body,p,h1,h2,h3,dl,dd{ 8 margin: 0; 9 font-size: 100%; 10 font-weight: normal; 11 color: #3a4752; 12 13 } 14 body{ 15 background-color: #f2f5f7; 16 } 17 ul{ 18 margin: 0; 19 padding: 0; 20 } 21 li{ 22 list-style:none; 23 } 24 a{ 25 26 text-decoration: none; 27 color: #3a4752; 28 } 29 i{ 30 font-style: normal; 31 } 32 header{ 33 width: 100%; 34 background: #fff; 35 } 36 #header{ 37 display: -webkit-flex; 38 display: flex; 39 width: 1350px; 40 height: 78px;

博客园界面美化

阅读更多关于博客园界面美化

博客园界面美化作者： @Ryanjie 本文为作者原创，转载请注明出处： https://www.cnblogs.com/Ryanjie/p/9382356.html 阅读目录(Content) 博客园界面美化 0x00. 写在前面 0x01. 博客园后台设置 0x02. 页面定制CSS代码 0x03. 侧边栏公告 0x04. 页首Html代码 0x05. 页脚Html代码 0x06. 博客签名 0x07. 写在最后回到顶部(go to top) 博客园界面美化标签：美化回到顶部(go to top) 0x00. 写在前面皮肤作者： @SevenNight 皮肤作者博客： SevenNight 修改人： @Ryanjie 修改人： Ryanjie 前几天无意之中看到了一款特别好看（每个人的眼光都不一样）的博客皮肤“ verdant ”，皮肤的作者是 @SevenNight 。当时感觉这款皮肤很简洁却又不失本色，于是立刻更换了这款皮肤。但是在使用过程中碰到了一些问题。由于之前基本没有学过前端，只好自己动手慢慢钻研。最终，之前一些不能实现的或者是自己想要实现的，都满足了。在这之前还是先感谢 @SevenNight ，感谢他设计得这款皮肤。我只是在原作者 @SevenNight 的基础上增添了markdown代码高亮、自动生成三级目录、版权声明、markdown代码添加行号

CSS常见问题：文本、子元素、图片水平居中和垂直居中的几种方法

阅读更多关于 CSS常见问题：文本、子元素、图片水平居中和垂直居中的几种方法

CSS文本居中 1.单行文本居中水平居中：text-align:center; 垂直居中：line-height:XXpx;/*line-height与该元素的height的值一致*/ <!DOCTYPE html> < html > < head > < meta charset = "UTF-8" > < title > </ title > < style type = "text/css" > .box { width : 200px ; height : 200px ; background : skyblue; text-align : center; /*水平居中*/ line-height : 200px ; /*垂直居中行高(line-height)需与该div的高度值(height)一致*/ overflow : hidden; /*防止内容超出容器或产生自动换行*/ } </ style > </ head > < body > < div class = "box" > hello world! </ div > </ body > </ html > 2.多行文本居中父级元素高度不固定时：可以通过设置padding来让文本看起来垂直居中。 <!DOCTYPE html> < html > < head > < meta charset = "UTF

小程序日期选择组件

阅读更多关于小程序日期选择组件

小程序日期选择组件(适用于酒店入住日期) 小记：2020年2月3日13:08:00 今天天气阴，受新冠状病毒的影响，公司推迟上班，闲着在家无聊，写下第一篇博客，整理之前写过的组件，方便以后还会用到，也方便各位小伙伴们借鉴，如果哪里写不对了望各位大佬指出，谢谢！组件代码部分 // components/date-modal/date-modal.js const common = require ( "../../utils/util.js" ) Component ( { /** * 组件的属性列表 */ properties : { isshowDatemodal : { type : [ Boolean ] , value : false } } , /** * 组件的初始数据 */ data : { timearr : [ ] , DateData : { } , selectIndex : 0 , selectTime : "00:00" , dateCycle : [ '周日' , '周一' , '周二' , '周三' , '周四' , '周五' , '周六' ] } , lifetimes : { attached : function ( ) { // 在组件实例进入页面节点树时执行 let timearr = [ ] for ( let i = 0 ; i <

4. int()和float()从字符串中取值误区

阅读更多关于 4. int()和float()从字符串中取值误区

<!DOCTYPE html> Untitled3 */ /*--> */ */ /*--> */ */ /*--> */ <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-AMS_HTML"></script>  <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: { inlineMath: [ ['$','$'], ["\$","\$"] ], displayMath: [ ['$$','$$'], ["\\[","\\]"] ], processEscapes: true, processEnvironments: true }, // Center justify equations in code and markdown cells. Elsewhere // we use CSS to left justify single line equations in code cells. displayAlign: 'center', "HTML-CSS": { styles: {'.MathJax

3. 成员运算符in 误区

阅读更多关于 3. 成员运算符in 误区

<!DOCTYPE html> Untitled1 */ /*--> */ */ /*--> */ */ /*--> */ <script src="https://cdnjs.cloudflare.com/ajax/libs/mathjax/2.7.5/latest.js?config=TeX-AMS_HTML"></script>  <script type="text/x-mathjax-config"> MathJax.Hub.Config({ tex2jax: { inlineMath: [ ['$','$'], ["\$","\$"] ], displayMath: [ ['$$','$$'], ["\\[","\\]"] ], processEscapes: true, processEnvironments: true }, // Center justify equations in code and markdown cells. Elsewhere // we use CSS to left justify single line equations in code cells. displayAlign: 'center', "HTML-CSS": { styles: {'.MathJax

CSS标配显示模式

阅读更多关于 CSS标配显示模式

CSS标签显示模式 CSS标签显示模式分为三种，分别是块级元素行内元素和行内块元素块级元素常见的块级元素有h1~h6 p div ul ol li 其中div标签是最典型的块元素行内元素常见的行内元素有 a strong b em i del s ins span 其中span标签是最典型的行内元素 span标签没有大小行内块元素特殊的标签 img input td 标签显示模式转换块转行内 diplay：inline 行内转块 display: block 块行内元素转换为行内块 display :line-block 行高 line-height 行高的测量：基线和基线的距离为行高单行本文本垂直居中：文字的高度等于盒子的高度行高=上距离+内容高度＋下距离行高（line-height) 大于高度（height) 文字会偏下行高（line-height) 等于高度(height) 文字会垂直居中行高（line-height) 小于高度（height）文字会偏上来源： CSDN 作者：怎讨欢喜链接： https://blog.csdn.net/weixin_44811929/article/details/104133181

XPath函数——字符串函数

阅读更多关于 XPath函数——字符串函数

字符串函数主要用来处理字符串。字符串函数主要包括以下：concat(),contains(),normalize-space(),substing(),substring-before(),subsring-after(),translate(). 1、concat() concat()函数用于串连多个字符串。简单示例： xml： <?xml version="1.0" encoding="UTF-8"?> <root> <e id="1">st</e> <e id="2">nd</e> <e id="3">rd</e> </root> */ /*--> */ xslt： <?xml version="1.0" encoding="UTF-8"?> <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform"> <xsl:output method="text" version="1.0" encoding="gb2312" indent="yes"/> <xsl:template match="/root"> <xsl:for-each select="e"> <xsl:value-of select="concat(@id,.,' ')"/> </xsl:for-each> <

订阅 line-height