一套简约漂亮的响应式博客园主题皮肤分享给你们（二） 一、背景 前段时间，写的一篇关于博客园主题皮肤分享的文章，一经发出便受到了极大的热捧，后来很多网友留言说，想要让我分享现在的模板，毕竟现在这个模板已经比之前分享的那个多经历了N多个版本的改进和优化。那...

2019-11-27 16:01:08

一套简约漂亮的响应式博客园主题皮肤分享给你们（一） 一、背景 最近在自己博客园逛的时候，总会有一个感觉，真是太丑了，然而又觉得自己暂时抽不出太多的时间来搭建自己的博客系统，上网一搜才发现，原来我们可以自定义博客的布局以及样式的，那我就在网上找到了一个...

2019-11-27 16:00:49

CSS边框长度控制 CSS边框长度控制 以前需要边框长度比容器小一些时，我用div嵌套。后来发现伪类在实现这个效果时很方便，只需要一个div就够了，另外调整padding和margin都不会很麻烦。 div class = " content-block " div class = " box-container " div class = " bor...

2019-11-26 16:04:15

CSS3 动画 动画：动画同过渡有些相似，格式如下 div { animation : myfirst 5s ; /* 动画名 持续时间 */ -webkit-animation : myfirst 5s ; /* Safari 与 Chrome */ } @keyframes myfirst /* 动画效果 */ { from {background : red ;} to { background : yellow ;} } @-...

2019-11-26 16:04:00

CSS3 过渡 过渡：执行一定操作后某属性从指定状态过渡到另一状态。1.指定要添加效果的CSS属性。 2.指定效果的持续时间。 div { transition : width 2s ; -webkit-transition : width 2s ; /* Safari */ } div:hover { width : 300px ;} 也可以同时改变多个属性 div { tr...

2019-11-26 16:03:34

css样式的书写顺序及原理——很重要！ 记得刚开始学习前端的时候，每次写css样式都是用到什么就在样式表后添加什么，完全没有考虑到样式属性的书写顺序对网页加载代码的影响。后来逐渐才知道正确的样式顺序不仅易于查看，并且也属于css样式优化的一种方式。那么是怎么...

2019-11-26 16:03:03

CSS3 渐变 div { width : 200px ; height : 200px ; background-image : repeating-linear-gradient(to right, red 10%, green 20%) ;} 渐变分为 线性渐变 和 径向渐变 两种；其中：线性渐变指的是 从上/下/左/右/对角方向开始 的渐变 ，径向渐变指的是从模块的 中心到...

2019-11-26 16:02:44

HTML中引用CSS的几种方法 HTML中引用CSS的方法主要有 行内样式 内嵌式 链接式 导入样式 行内样式 指写在标签里的Style元素的值 p style="color: #FF0000;"行内样式/p 内嵌式 写在HTML页面的head标签里。 style type= " text/css " XXXXXXXX /style 链接式 也是在head标...

2019-11-26 16:02:14

微信小程序和支付宝小程序富文本使用 微信小程序使用的是 1. wxml 页面元素的最简单使用 rich-text nodes="{{这是你的数据}}"/rich-text 2. js部分 如下可以直接获取 支付宝小程序 1. axml 页面简单使用 rich-text nodes="{{nodes}}" /rich-text 2. js部分 import parse...

2019-11-26 16:01:44

如何使用属性选择器 属性选择器介绍 属性选择器可以根据元素的属性及属性值来选择元素。 属性选择器有什么好处呢，如：可以通过标签的属性名和属性值来匹配对应的元素。 attr 是英文单词 attribute 的简写，中文意思就是 属性 或 属性名 。 val 是英文单词 value 的简...

2019-11-26 16:02:05