-
CSS Flexbox的具体用法详解
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
副标题#e# Flexbox是一个强大而灵活的布局，本篇文章主要对其进行学习了解。 一、Flexbox简介 Flexbox布局（Flexible Box)模块旨在提供一个更加有效的方式制定、调整和分布一个容器里的项目布局，即使他们的大小是未知或者是动态的。简单的理解，就是可以自[详细]
-
如何理解 CSS 布局和块级格式上下文
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
副标题#e# BFC 的概念始于 CSS2，是个蛮古老的 CSS 话题了，网上也到处能搜到 BFC 的介绍，但是都不够简洁。本文系翻译自 Rachel Andrew 女士的博文Understanding CSS Layout And The Block Formatting Context ，内容足够简洁明了。 本文的目的是介绍一些[详细]
-
详解css3自定义滚动条样式写法
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
先简单介绍一下各个属性 ::-webkit-scrollbar ：滚动条整体部分，其中的属性有width,height,background,border等。 ::-webkit-scrollbar-button ：滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。 ::-webkit-scr[详细]
-
CSS学习笔记之常用Mixin封装实例代码
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
为了有效的维护和开发项目，代码的重复利用就显得尤为重要。在Sass中，除了@import和@extend可以使你的代码更加具有重复利用性，@mixin指令也同样能提高你代码的重复使用率并简化你的代码。个人在做项目的过程中总结归纳的一些常用Mixin，现在分享出来供大[详细]
-
CSS居中实例之大小不固定的图片居中方法
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
1.利用table-cell实现垂直居中 div class=box1[站外图片上传中(5)]/div div{ width: 500px; height: 500px; background: #ccc;}.box1{ text-align:center; display: table-cell; vertical-align: middle; /* font-size: 118px; */}img{ vertical-align: mi[详细]
-
CSS中使用border来创建三角形的基本方法讲解
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
副标题#e# 比较简单实用的还是使用border来创建三角形，今天主要研究这个的实现 将边框分别设置为红/黄/蓝/绿 CSS Code复制内容到剪贴板 .triangle{ height:0; width:0; overflow:hidden; font-size:0; line-height:0; border-color:#ff0000#ffff00#0000ff#[详细]
-
仅针对IE8有效的CSS Hack猎奇写法
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
最近做项目的时候，引用了 Google Font 的在线字体，估计是因为浏览器对字体的渲染方式不同或者是字体格式不一样，结果导致 IE8 中导航是错位的，而 IE9 和 IE10 中是正常的。 那么就需要单独为 IE8 进行一些调整，于是就需要 IE8 的 CSS hack。一看到这里[详细]
-
CSS 实现元素较宽不能被完全展示时将其隐藏的方法
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
遇到一个需求，需要实现的样式是固定宽度的容器里一排显示若干个标签，数量不定，每个标签的长度也不定。当到了某个标签不能被完全展示下时则不显示。大致效果如下，标签只显示一排，多了放不下了就不显示了。 标签部分 DOM 结构如下 div class=labelsspan[详细]
-
使用CSS3 font-feature-settings特性减除字体动画震颤效果
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
在做 GithubProfile 项目的时候，使用了数字动画展示的效果，如My GithubProfile页面中的commits,stars以及followers数字。实际使用中，由于数字字体不等宽，造成在数字增长动画时很明显的震颤，体验非常不好。 这里我最终使用了CSS的 font-feature-settin[详细]
-
学慧网，是什么吸引着大家？
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
学慧网,是什么吸引着大家?百年大计,教育为本,教育寄托着未来的希望,承载着人类文明的积淀,传递着文明的火种。但是随着我国经济社会的发展,社会各界也越来越重视教育,关于教育的利好消息也不断传来。 2020年初,全国教师连续迎来5大好消息:一是提高教师工资,[详细]
-
补偿性消费释回暖信号 顺丰丰修瞄准服务新需求
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
近日，随着全国各地有序复产复工、景区开放、商场正常营业、平台大促销等一个个好消息传来，"补偿性消费"的话题越来越受到关注。有人任性点"一本"烤肉，有人一次下单77杯奶茶、有人在38妇女节大促瞬间清空了购物车事实上，这种补偿性消费目前已逐渐成为疫[详细]
-
新网“复兴计划”正式启动，全面支持千万企业复工复产
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
抗疫之战取得阶段性胜利，疫情之后的企业全面复工复产也是一项重大工程。 据统计，目前我国中小企业数量已达4000万家，是我国国民经济和社会发展的生力军，是建设现代化经济体系、推动经济实现高质量发展的重要组成部分，也是扩大就业、改善民生的重要支撑[详细]
-
联动云租车存在哪些羊毛，我们该如何薅？
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
大家都知道，现在的国内出租车三强：神州一嗨联动云，老牌的神州一嗨自不必说，有很多线下实体店，虽然取还车很麻烦，但是有人的服务，更放心。 时代变了，随着互联网的发展，自主快捷的做消费决策，貌似更重要！联动云凭借3分钟让你开上炫酷SUV，成了租车[详细]
-
网站优化中原创文章真的更易收录吗
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
原始文章用来建立网站基础 实际上，当我们刚建立一个网站时，每天定期发布常规内容可以增进与搜索引擎的友谊。毫无疑问，搜索引擎更喜欢原始文章，但并非所有原始文章都将获得搜索引擎。 我认为原件应注意这几点。 1。搜索引擎喜欢的不是原始内容，而是有[详细]
-
如何通过SEO，空手套白狼开启赚钱项目？
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
光有技术，没产品怎么赚钱？ 估计很多SEO从业者都有这样的疑惑。没有产品，很多从业者只能选择出卖自己的劳动力来换取酬劳，然而这都不是能产生复利的办法。 今天Daniel抛砖引玉，分享个项目。希望大家除了掌握SEO技能之外，还能提升一下商业思维。你也可[详细]
-
深入理解CSS行高line-height与文本垂直居中的原理
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
前言 在CSS中，line-height 属性设置两段段文本之间的距离，也就是行高，如果我们把一段文本的line-height设置为父容器的高度就可以实现文本垂直居中了，比如下面的例子： 复制代码 代码如下: !DOCTYPE html html lang="en" head meta charset="UTF-8" tit[详细]
-
IE8的css hack 9 使用说明
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
副标题#e# 首先感谢丸子提供的这个IE8的css hack； 关注过IE8的css hack的人相信大家都在使用这个hack，就是9的css hack： .test{ color:#000000; /* FF,OP支持 */ color:#0000FF9; /* 所有IE浏览器(ie6+)支持 ；但是IE8不能识别*和_的css hack；所以我们[详细]
-
黑天鹅飞过，民宿行业自救指南（房东篇）
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
副标题#e# 国内疫情整体好转，民宿和旅游业的春天已经不远，只是机会总是留给有准备的人。对于民宿平台来说，用户是其发展的不竭动力。民宿行业的用户主要由两部分构成，即房东和房客，二者的重要程度旗鼓相当、难较高下。 今天，笔者从民宿房东角度切入，[详细]
-
爱普生：在最困难的领域做第一名
所属栏目：[站长百科] 日期：2020-03-18 来源：DaWei
副标题#e# 日本管理大师稻盛和夫在其著作《干法》中问了一个问题，为什么而工作？因为为什么工作比如何工作更重要。 30年前，当爱普生现任总裁碓井稔还是打印事业部的工程师时，他就怀揣着一个强烈的信念，希望将来的喷墨打印机能够打印任何质地的墨水。 而[详细]
-
css3学习之2D转换功能详解
所属栏目：[站长百科] 日期：2020-03-17 来源：DaWei
CSS3提供了2D转换功能，能够对元素进行移动、缩放和转动等功能。 2D转换的属性名为transform，使用方法为transform:method(value)。 2D转换方法有translate、scale、rotate、skew、matrix，还有基于这些分支出的translateX、scaleY等。 这里，我将会介绍到[详细]
-
CSS样式中大于号的使用及Css中处理继承方法
所属栏目：[站长百科] 日期：2020-03-17 来源：DaWei
继承在一定程度上让程序在编写的过程中更加方便，但是有时候也会给我们的程序带来一定的困扰，所以认真的学习继承的原理，以及处理的方法很重要。下面是Css中处理继承的一个方法。 在一段CSS代码中见到一个大于号()，代码如下： BODY#css-zen-garden DIV#e[详细]
-
深入理解CSS系列之flex兼容
所属栏目：[站长百科] 日期：2020-03-17 来源：DaWei
Flex 布局教程想了解的可以自己去看看这篇博文，或者自己百度，这里先部多做介绍，我们主要来说一说flex布局的兼容性问题。 why? 大家可能想问了，flex布局为什么会存在兼容性问题啊？ 之所以存在兼容性问题，是因为技术在不断的更新，有些旧的浏览器只支[详细]
-
CSS实现鼠标滑过鼠标点击代码写法
所属栏目：[站长百科] 日期：2020-03-17 来源：DaWei
鼠标滑过元素，使得元素的样式发生改变 我们定义一个按钮标签 复制代码 代码如下: buttonBUTTON/button 我们首先设置按钮的背景颜色为灰色： 复制代码 代码如下: .px-button{ background-color: grey; } 我们要使得鼠标滑过按钮的时候，让其变为蓝色，我们[详细]
-
10个CSS简写/优化技巧整理
所属栏目：[站长百科] 日期：2020-03-17 来源：DaWei
CSS简写就是指将多行的CSS属性简写成一行，又称为CSS代码优化或CSS缩写。CSS 简写的最大好处就是能够显著减少CSS文件的大小，优化网站整体性能，更加容易阅读。 下面介绍常见的CSS简写规则： 一、盒子大小 这里主要用于两个属性：margin和padding，我们以m[详细]
-
详解CSS中的display:flex
所属栏目：[站长百科] 日期：2020-03-17 来源：DaWei
Flex是Flexible Box的缩写，意为弹性布局，用来为盒状模型提供最大的灵活性。任何一个容器都可以指定为Flex布局。 flex： 将对象作为弹性伸缩盒显示 inline-flex：将对象作为内联块级弹性伸缩盒显示 flex示例代码 !DOCTYPE htmlhtml lang=enheadmeta chars[详细]
