font-weight | 易学教程

博客园主题美化

阅读更多关于博客园主题美化

主题作者的博客：https://www.cnblogs.com/Dy1an/，感谢作者！本博客就是使用当前主题，具体效果如下：页面定制 CSS 代码 * { margin: 0; padding: 0 } a { text-decoration: none; color: #1c2b36 } body { background-color: #fff; font-size: 13px; letter-spacing: 1px } #header { background-image: url(https://img2018.cnblogs.com/blog/979767/201911/979767-20191115092708101-1793403956.jpg); background-size: cover; min-height: 600px; } #header::after { content: ""; position: absolute; left: 0; top: 0; right: 0; bottom: 0; opacity: .8; background: #1C1D21; height: 600px; } #header a, h1, img { z-index: 1; color: white; position: relative; } #header

Vue实现点击后文字变色切换

阅读更多关于 Vue实现点击后文字变色切换

Vue实现点击后文字变色切换这里用文字举例，图片切换的原理也是一样的大概思路是：用两个class相同的span分别是切换前后的文字，class相同主要是为了变换前后的文字位置相同。然后用click事件控制它们的显隐。代码如下： HTML: < span class = "response" v-show = "!showCommentInput" @ click = "showCommentInput = !showCommentInput" > 回复 </ span > < span class = "response" v-show = "showCommentInput" @ click = "showCommentInput = !showCommentInput" > 回复 </ span > JS: data () { return { showCommentInput = false , } } CSS .response { font-size : 14 px; color : #3e3e3e ; & :hover { font-weight : bold; } &+ .response { font-weight : bold; } 来源： CSDN 作者： HaiJing1995 链接： https://blog.csdn.net/HaiJing1995

文字样式

阅读更多关于文字样式

一、常用的文字样式常用的文字样式有字体（font-family）,字体大小（font-size）,字体样式（font-style），字体的粗细（font-weight）,字体大小写（font-variant），通常我们直接用复合样式。二、常用文字样式实例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文字样式</title> <style> /* 1 font-family:字体，默认微软雅黑，可以同时设置多个字体，只有前面的字体没有，就用后面设置的字体*/ /* 2 font-size:字体大小（单位：px,rem, %, em） px:谷歌浏览器默认字体大小为16px,最小识别为12px; rem：相对于html根标签的n倍，如谷歌浏览器的默认字体的大小为16px,那么font-size用rem为单位，那么设定字体的大小为16*n em:父级字体大小*n,假如<div>hello<span>world</span>!</div>,假如div的大小已经设定，那么span可以通过em单位，来设定和父级标签成倍数的大小 % ：同em一样，为父级字体大小*n% */ /*3. font-weight:字体粗细，normal(默认粗细),light（变细）, bold（加粗）,bolder

【其它】本人博客园主题配置

阅读更多关于【其它】本人博客园主题配置

一、选择皮肤选择博客皮肤：Custom 二、页面定制 CSS 代码 body { background: #fff; min-height: 100%!important; color: #314659!important; font-family: Lato, "PingFang SC", "Microsoft YaHei", sans-serif!important } a { transition: all .3s ease!important } a:hover { color: #2D8CF0!important; text-decoration: none!important } #ad_c1, #ad_c2, #ad_t2, #author_profile, #blogCalendar, #blogTitle h2, #comment_form_container p:nth-of-type(3), #comments_pager_top, #green_channel, #homepage_top_pager, #sidebar_imagecategory, #sidebar_postarchive, #sidebar_recentcomments, #sidebar_recentposts, #sidebar_scorerank, #sidebar_search

目录功能测试

1h3 .hljs-comment, .hljs-quote { color: #a0a1a7 } .hljs-doctag, .hljs-keyword, .hljs-formula { color: #a626a4 } .hljs-section, .hljs-name, .hljs-selector-tag, .hljs-deletion, .hljs-subst { color: #e45649 } .hljs-literal { color: #0184bb } .hljs-string, .hljs-regexp, .hljs-addition, .hljs-attribute, .hljs-meta-string { color: #50a14f } .hljs-built_in, .hljs-class .hljs-title { color: #c18401 } .hljs-attr, .hljs-variable, .hljs-template-variable, .hljs-type, .hljs-selector-class, .hljs-selector-attr, .hljs-selector-pseudo, .hljs-number { color: #986801 } .hljs-symbol, .hljs-bullet, .hljs-link,

博客入门--自定义博客主题

阅读更多关于博客入门--自定义博客主题

　　对于以往博客网站已提出较多主题供用户使用，但对于海量用户而言其主题难免过于单一。　　为突出博客主题个性化显示，目前已有第三方开源库（https://github.com/BNDong/Cnblogs-Theme-SimpleMemory）供大家使用。本文以博客园为例，实现自定义主题设置。进入博客园设置页面下载第三方库。本文重要使用资源包中的.\src\style\base.min.css的样式资源（https://github.com/BNDong/Cnblogs-Theme-SimpleMemory）。其中包含详细的说明文档，供大家参考（ https://bndong.github.io/Cnblogs-Theme-SimpleMemory/v1.1/#/Docs/Customization/config ）。设置博客皮肤为SimpleMemory。　　页面定制css代码，并禁用模板默认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

Hexo之Next主题美化代码

阅读更多关于 Hexo之Next主题美化代码

我分别美化了几个不同版本的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 代码

阅读更多关于博客园页面定制 CSS 代码

<!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

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

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

模板美化教程这个代码是在网上找的一套，然后稍加修改，还添加了一点我喜爱的小物件儿。如果你喜欢这套模板就拿走吧，别忘了点个赞哦！主页文章页设置步骤： 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

Angular Material customize tab

阅读更多关于 Angular Material customize tab

可以将文章内容翻译成中文,广告屏蔽插件可能会导致该功能失效(如失效，请关闭广告屏蔽插件后再试): 问题: I'm using angular 4 and I'm using Angular Material (Angular 2 Material). <md-tab-group [disableRipple]=true> <md-tab label="Tab 1"></md-tab> <md-tab label="Tab 2"></md-tab> </md-tab-group> How can I fully customize the background color when (not-selected / selected), text color, and etc. I tried already the pseudo classes...but still no avail. --- I have set the font-size successfully but the text color is a little bit jittery when set. Please help. Update: Tried to change the background to transparent when selected...trying to override the

订阅 font-weight