-
主流浏览器css兼容问题汇总
所属栏目：[教程] 日期：2020-03-18 热度：132
副标题#e# 现在就post一些做兼容的总结，可能不够全面，但是可以告诉大家如何避过一些坑。主要测试了chrome，firefox，ie8、9、11，360浏览器。 一、基本的css兼容： 1、可能很多人喜欢用css hack的形式去兼容ie浏览器，但是我自己用起来感觉其实不好使 。i[详细]
-
深入理解CSS选择器优先级
所属栏目：[教程] 日期：2020-03-18 热度：125
1.类的覆盖顺序和应用的时候引用的顺序没关系，覆盖顺序取决于类定义的顺序 例如： CSS Code复制内容到剪贴板 .a{ color:red } .b{ color:green } 由于b晚于a定义，所以b覆盖a，反之则a覆盖b 2.类选择器优先级大于标签选择器 例如： CSS Code复制内容到剪[详细]
-
全面总结使用CSS实现水平垂直居中效果的方法
所属栏目：[教程] 日期：2020-03-18 热度：94
副标题#e# 说起水平垂直居中大家常看到的是使用绝对定位与负margin的配合或者是inline-block配合vertical-align:middle等方法。当然还有其他一些解决方案，比如说，在水平垂直居中系列中介绍了一些制作方案。但这些方案或多或少都存在一些局限性。假设，要[详细]
-
CSS设置DIV垂直居中的N种方法 兼容IE浏览器
所属栏目：[教程] 日期：2020-03-18 热度：150
副标题#e# 在说到这个问题的时候，也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗？即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊！所以在这里我还要啰嗦两句，CSS中的确是有vertical-align属性，但是它只对(X)HTML元素中拥有v[详细]
-
CSS中的z-index属性基本使用教程
所属栏目：[教程] 日期：2020-03-18 热度：52
副标题#e# CSS Code复制内容到剪贴板 z-index:auto|integer z-index 接受的属性值为：关键字auto和整数，整数可以是负值（Firefox2.0及之前不支持负值）。 需要注意的是 z-index 虽然很给力，却只能应用于定位元素（即设置了 position 属性为非 static 值）[详细]
-
CSS3中文字镂空、透明值、阴影效果设置示例小结
所属栏目：[教程] 日期：2020-03-18 热度：154
text-fill-color打造镂空文字： 代码 CSS Code复制内容到剪贴板 -webkit-text-fill-color:transparent; -webkit-text-stroke:1px#000; 效果 text-stroke-color透明值让文字更柔和： 代码 CSS Code复制内容到剪贴板 background-image:-webkit-linear-gradie[详细]
-
CSS制作三角形广告引导文字效果
所属栏目：[教程] 日期：2020-03-18 热度：103
副标题#e# 街上经常碰到一些发各类广告传单的，有一次收到一张房地产广告的传单，顺手留下来，看着里面有些广告挺吸引人，同时也想练练自己css技术，故抽空做了一下。 原图某区域如下： 实现上图效果是需要一些想象力的，比如三角形的构成和左右两边的空白[详细]
-
利用CSS的Sass预处理器（框架）来制作居中效果
所属栏目：[教程] 日期：2020-03-18 热度：61
副标题#e# 虽然使用 CSS 创建居中效果需要耍一些花招，特别是垂直居中效果，但我认为由此生出的诋毁，对于 CSS 则是不公平的。实际上我们有太多的方式使用 CSS 创建居中效果了，而且作为一名前端开发者，你真的有必要对其中的原理了解一二。 写这篇文章的目[详细]
-
phpMyAdmin“无法载入 mysql 扩展， 请检查 PHP 配置”问题的解决方案
所属栏目：[教程] 日期：2020-03-18 热度：142
还有说需要复制到system32下面，一看就是歪招。终于发现有人说到对于 “PHPRC”环境变量的问题！大概是因为它吧…… 根据我的理解（第一次用PHP[也许是第二次]，第二次[也许是第三次]用 phpMyAdmin，更别说XAMPP），PHPRC最重要的作用就是找到php.ini文件，[详细]
-
浅谈Git分支管理策略
所属栏目：[教程] 日期：2020-03-18 热度：91
如果你严肃对待编程，就必定会使用"版本管理系统"（Version Control System）。 眼下最流行的"版本管理系统"，非Git莫属。 相比同类软件，Git有很多优点。其中很显著的一点，就是版本的分支（branch）和合并（merge）十分方便。有些传统的版本管理软件，分[详细]
-
欺骗性网址每年为谷歌创收5亿美元
所属栏目：[教程] 日期：2020-03-18 热度：114
目前，通过所谓蓄意错误拼写方式来注册域名的方式来获得点击率的方式已经成为外界所争论的焦点。例如，一家企业为了在知名网站newscientist.com的用户拼写输入出现错误时而将其带到自己的网站，就可以将其网址注册为newscientsist.com。 而如果上述错误经常[详细]
-
阿里巴巴从赖启兴手里成功仲裁回12个争议域名
所属栏目：[教程] 日期：2020-03-18 热度：73
阿里巴巴近日向亚洲争议解决中心递交一份申请，要求被告赖启兴将12个争议域名移交给他们，之前，阿里巴巴曾从赖启兴手里成功仲裁回9个争议域名。 据悉，阿里巴巴是中国最大的网络公司和世界第二大网络公司，其公司注册了alibaba商标，12个争议域名alibabawi[详细]
-
域名投资半年后总结的域名投资心得
所属栏目：[教程] 日期：2020-03-18 热度：159
觉得利用业余时间玩玩域名还是不错了，自此就爱上了域名，爱上易名，每天都要抽出时间泡域名论坛，预定域名，交易域名。前两个月，基本都是拿下低价米，虽然其中不乏有价值的米，但大多数是垃圾米，很难卖，这可能就是所谓的学费。后来我觉得必须玩高价米才[详细]
-
CSS中使用border来创建三角形的基本方法讲解
所属栏目：[教程] 日期：2020-03-18 热度：52
副标题#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 热度：86
最近做项目的时候，引用了 Google Font 的在线字体，估计是因为浏览器对字体的渲染方式不同或者是字体格式不一样，结果导致 IE8 中导航是错位的，而 IE9 和 IE10 中是正常的。 那么就需要单独为 IE8 进行一些调整，于是就需要 IE8 的 CSS hack。一看到这里[详细]
-
CSS 实现元素较宽不能被完全展示时将其隐藏的方法
所属栏目：[教程] 日期：2020-03-18 热度：194
遇到一个需求，需要实现的样式是固定宽度的容器里一排显示若干个标签，数量不定，每个标签的长度也不定。当到了某个标签不能被完全展示下时则不显示。大致效果如下，标签只显示一排，多了放不下了就不显示了。 标签部分 DOM 结构如下 div class=labelsspan[详细]
-
使用CSS3 font-feature-settings特性减除字体动画震颤效果
所属栏目：[教程] 日期：2020-03-18 热度：125
在做 GithubProfile 项目的时候，使用了数字动画展示的效果，如My GithubProfile页面中的commits,stars以及followers数字。实际使用中，由于数字字体不等宽，造成在数字增长动画时很明显的震颤，体验非常不好。 这里我最终使用了CSS的 font-feature-settin[详细]
-
详解css3自定义滚动条样式写法
所属栏目：[教程] 日期：2020-03-18 热度：116
先简单介绍一下各个属性 ::-webkit-scrollbar ：滚动条整体部分，其中的属性有width,height,background,border等。 ::-webkit-scrollbar-button ：滚动条两端的按钮。可以用display:none让其不显示，也可以添加背景图片，颜色改变显示效果。 ::-webkit-scr[详细]
-
CSS居中实例之大小不固定的图片居中方法
所属栏目：[教程] 日期：2020-03-18 热度：165
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; *[详细]
-
CSS学习笔记之常用Mixin封装实例代码
所属栏目：[教程] 日期：2020-03-18 热度：179
为了有效的维护和开发项目，代码的重复利用就显得尤为重要。在Sass中，除了@import和@extend可以使你的代码更加具有重复利用性，@mixin指令也同样能提高你代码的重复使用率并简化你的代码。个人在做项目的过程中总结归纳的一些常用Mixin，现在分享出来供大[详细]
-
CSS Flexbox的具体用法详解
所属栏目：[教程] 日期：2020-03-18 热度：169
副标题#e# Flexbox是一个强大而灵活的布局，本篇文章主要对其进行学习了解。 一、Flexbox简介 Flexbox布局（Flexible Box)模块旨在提供一个更加有效的方式制定、调整和分布一个容器里的项目布局，即使他们的大小是未知或者是动态的。简单的理解，就是可以自[详细]
-
如何理解 CSS 布局和块级格式上下文
所属栏目：[教程] 日期：2020-03-18 热度：147
副标题#e# BFC 的概念始于 CSS2，是个蛮古老的 CSS 话题了，网上也到处能搜到 BFC 的介绍，但是都不够简洁。本文系翻译自 Rachel Andrew 女士的博文Understanding CSS Layout And The Block Formatting Context ，内容足够简洁明了。 本文的目的是介绍一些[详细]
-
CSS 的加载及加载顺序简介
所属栏目：[教程] 日期：2020-03-18 热度：92
副标题#e# 关于前端css性能优化，网上很多类似文章，我之前也写过，《 网站前端性能优化之javascript和css 》，感兴趣的可以去看下。今天我们旧事重提，再来谈谈css的加载，及加载顺序。 通常的css加载顺序 一般情况下，我们css样式表是放在头部，同时为了[详细]
-
详解cron表达式
所属栏目：[教程] 日期：2020-03-18 热度：124
Cron表达式是一个字符串，字符串以5或6个空格隔开，分为6或7个域，每一个域代表一个含义，Cron有如下两种语法格式： （1） Seconds Minutes Hours DayofMonth Month DayofWeek Year （2）Seconds Minutes Hours DayofMonth Month DayofWeek 一、结构 corn[详细]
-
彻底理解cookie，session，token的使用及原理
所属栏目：[教程] 日期：2020-03-18 热度：55
副标题#e# 1、很久很久以前，Web 基本上就是文档的浏览而已， 既然是浏览，作为服务器， 不需要记录谁在某一段时间里都浏览了什么文档，每次请求都是一个新的HTTP协议， 就是请求加响应， 尤其是我不用记住是谁刚刚发了HTTP请求， 每个请求对我来说都是全新[详细]
